The latest articles on DEV Community by Papa Kow Dadson (@papakowdadson). https://dev.to/papakowdadson https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1138024%2F5e668269-fff7-47bd-8d4f-c7ec66927aa2.jpeg https://dev.to/papakowdadson en Papa Kow Dadson Sat, 12 Aug 2023 21:47:46 +0000 https://dev.to/papakowdadson/how-to-load-assets-in-reactjs-on-mac-5g48 https://dev.to/papakowdadson/how-to-load-assets-in-reactjs-on-mac-5g48 <p>Unlike loading <em>assets</em> in <strong>Windows</strong> where you can keep the <strong>assets folder</strong> in the <strong>src folder</strong>, accessing the <em>image</em> using its <em>path</em></p> <p>eg: /assets/logo.png</p> <p><strong>In Mac</strong></p> <ol> <li> Move the <strong>assets folder</strong> into the public folder.</li> </ol> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--wKg1eQF3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b27pmtw51psmbr9l4za8.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wKg1eQF3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b27pmtw51psmbr9l4za8.png" alt="Image description" width="639" height="1080"></a></p> <ol> <li> Access <em>image</em> using <strong>./assets/{image_name.png}</strong> ,replace <em>{image_name.png}</em> with your <em>image name</em> </li> </ol> <p>eg: background-image: url(‘./assets/{image_name.png}’)</p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> &lt;img src=’./assets/{image_name.png}’ alt=’image’ /&gt; </code></pre> </div> react macosx javascript