Setup ReactJS environment

Question

I am new on ReactJS and learning from scratch. I see some using babel and some are webpack to configure as well some use yarn package manager . So can you suggest me which is better to work with react.

I just curious about configuring reactJS environment thorugh which bundle or package manager?

Answer 1

babel is a transpiler, webpack is a bundler and yarn (or npm) is a package manager. These tools are for different purposes. And usually we use all of them together.

React has a very handy tool called Create React App . With this tool you don't need to configure babel and webpack by yourself so you can start to learn React easily.

Answer 2

This is best place to start up with ReactJS

In older versions you need to setup react with babel and webpack but now on current latest version you can directly start with Create React App

ReactJS Installation and startup guide

Just follows steps on this page, then run HelloWorld example which is best programs to start with any new programming language.

Answer 3

You can start working with react using create react app (along with official react documentation ) which will provide you app structure with no build configuration. So there is no need to worry about babel, webpack. you will get all configured with proper documentation. It's up to you to use yarn or npm as package manager.