React Lecture 02

When starting with React, it's essential to understand the different tools and frameworks available for setting up new projects. 🚀

Create-React-App (CRA): 🛠️ This has been a go-to starter kit for React applications for many years. It's great for beginners as it comes with all the necessary development tools preconfigured, like Webpack for bundling, ESLint, Prettier, and Jest. However, CRA uses some outdated technologies and can be slower, making it less ideal for larger, real-world applications.
Vite: ⚡ On the other hand, Vite is a modern build tool that offers extremely fast bundling and hot module replacement, which is a game changer for large-scale apps. Bundling is extremely fast, too, which for large scale applications can really make a difference because when you have to wait one or two seconds for each page refresh, it can become really, really annoying over time. But with Vite, the page will update almost instantly each time that we save our code and want to see the changes on the screen. Unlike CRA, Vite requires manual setup for tools like ESLint and Prettier, but the speed benefits make it worth the effort for production projects.

Looking forward to seeing how you set up your next React project! 💻

Follow me on LinkedIn for more React js Stuff

Create-React-App vs. Vite