nwb VS create-react-app

Using nwb, you can easily set up a new React project with just a few commands, and you can quickly build, test, and deploy your application without having to manage complex configurations or dependencies yourself.

Don’t use Create React App: It’s outdated, slow, and lacks extensibility.

The application was created with Create React App, a JavaScript library for building user interfaces. I separated the different moving parts of the application and put them into the following React components.

1. Run a Final Test: Make sure your app works as expected locally by running: npm run dev If it was created with Vite. npm run start If it was created with Create-React-App.

This is just a discourse based on "I need to churn out something, I need that fast and I didn't start in the web game when Backbone and E4X were a solid corporate choice". If you are not in a hurry, work in a solid team and have a good attention span, a lot of clickbait idiocy around JS may not happen.

I'm presenting you one of countless examples: a lot of coding bootcamps teach React, maybe with TS, maybe with JS.

Enter react-create-app.

https://github.com/facebook/create-react-app

The docs are a link, while the commands you paste are laid out at 9th row in the README. That will become a habit for a junior.

In this exercise, you will customize your own landing page using the beautiful Landy template. Landy template is built on top of Create React App.

Create React App

Create React App is the official React CLI tool for setting up a new React project. It's an excellent starting point for beginners as it abstracts away the configuration details, allowing you to focus on writing your application.

React App: npx create-react-app --template typescript

At the time(10/06/2024) of writing this article, CRA has been effectively in a semi-dead state for the past two years. It has not received any commits since last year nor has it received any important commits for the past two years in CRA commit history. Issues have been pilling and none of them are being addressed in CRA issues.

I have a silly react project that I’m working on that I made using create-react-app. By default, these kinds of projects build and run using react-scripts which uses webpack under the hood for building projects. Vite is generally known to be faster than Webpack ⚡ so I was curious about how to swap them.