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'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 “YouTube web gurus” say that “create-react-app” is finished and most of them recommend using Vite to do this so I accepted the challenge.</p>
<p>I had several problems with “create-react-app” too. For example, the “npm start” 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 “create-react-app”.</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>