Vite-React + React-Router-Dom: The latest way!!

<p>The short story is that I was following just another e-commerce tutorial and found out that most of them are OUTDATED so I challenged myself to find how to resolve the puzzle with the latest versions of everything.</p> <p>I must mention that the tutorial I am using is from 2021 so it seems that is very, very old now by today&#39;s standards. Those kinds of things are the obstacles most web developers face day after day.</p> <p>This will be the first of several mini-tutorials. Hopefully, I will share with you my advances in the easiest way to follow and someday finish the complete e-commerce web application.</p> <p>In this mini-tutorial, we will end with a react-router-dom implementation with 3 pages using Vite+React and for styling Antd and Bootstrap.</p> <p>Hopefully, you will follow these steps to get the same result:</p> <ol> <li><strong>React installation</strong></li> </ol> <p>First things first! What is the proper way to install React? I will not go deep on this but it seems most &ldquo;YouTube web gurus&rdquo; say that &ldquo;create-react-app&rdquo; is finished and most of them recommend using Vite to do this so I accepted the challenge.</p> <p>I had several problems with &ldquo;create-react-app&rdquo; too. For example, the &ldquo;npm start&rdquo; does not work properly because I use the latest Node and NPM versions so I had to use some hacks to make this work. I can share that hack with you in the messages section if you want.</p> <p>By the way, my oldie e-commerce tutorial uses &ldquo;create-react-app&rdquo;.</p> <p>I will use VS Code throughout all these series of mini tutorials.</p> <p><a href="https://medium.com/@galohernandez/vite-react-react-router-dom-the-latest-way-312ee887197e">Visit Now</a></p>