For those criticizing the article for not using create app and therefore being slower and less secure.

I think this article is ideal for beginners. It's overwhelming seeing files and how they fit together if you never used React before. And it's easy to forget something if it was generated for you.

I like the explanations going through the set up incrementally and also one will remember things better having actually typed them up or pasted them in a manually created file.

I also like the use of webpack so if you know webpack this is familiar instead of using create React app in script commands.

And when you need to make your second React app to be faster or more secure, then one of always use the creact React app CLI to set up a new project.

Oh also this article uses the latest version of all the packages so security is taken care of there.

Nice article. Would love to see creating react app with vite.

Great! I would also recommend checking out Vite for React apps! It's very very much faster than Webpack!

npm init vite

I really like webpack, and your how-to is nicely focused on the minimal you need. Thanks for that

But to build a very simple SPA with react, I normally use parcel.

I like the article, very clean and to the point. Lean plugins and setup. Although I am wondering will this support HMR (hot module replacement or Fast refresh) with this configuration? Cheers. If not, can you share how to add that functionality. ^_^

Great tutorial, it gives us somewhat understanding how react works under the hood, but don't you think for beginners parcel.js would be a better way to start instead of webpack because parcel is way more easy to understand than webpack.

hola buen día Agradezco el articulo esta genial. Actualmente tengo dos proyectos uno creado desde cero utilizando webpack y el otro con create-react-app, que ventajas existe al realizar todo desde adicional al aprendizaje?

CRA is faster and easier for sure but I still prefer to scaffold my apps manually.

I've worked with devs who had absolutely no clue what to do when hit with babel or webpack issues, because CRA hides all of that detail away.

I feel like a basic understanding of build tools is pretty important for a frontend developer. If you don't at the very least roughly understand what's going on under the hood then you're basically just working with magic...

Using npx create-react-app is also best practice, because it is kept up-to-date and will include the latest security patches etc

I am beginner in ReactJs.
I have some doubts
Can anyone help me.
Please.

Worked 95%, but needed to change this line of package.json because it complained that mode was not set:
"start": "webpack serve --hot --open --mode development",

I'm a newbie. This is a amazing acticle thanks alot.

Nice

brilliant, got to explore how create-react-app is doing, what it is doing. Thank you.

Great article! Thanks for spending the time to share it with us. It would be interesting to see this but with support for TypeScript.

Thank you. For those who want to know about what Webpack and Babel do in more depth and how they're useful, read this article: blog.jakoblind.no/babel-preset-env/

This is an excellent article. Thanks so much!

where is the linter?

Hi, firstly thank you for introducing amazing ideas and platforms with us. I really enjoy your work and the way you make it so interesting makes my focus and concentration intact.

awesome article thanks for your efforts.
I think you forget (webpack-dev-server), the app doesn't run without it

This is really helpful for understanding react better

Great article Riddhi! Love to see more articles from you!😃

The whole point of writing the article was to know the background process as well as benefits of using npx create-react-app .

Thanks for reading the article and sharing your views ..!