ReactJS Installation | ReactJS Environment Setup

ReactJS Installation | ReactJS Environment Setup

To work on ReactJS we need following software.

1. NodeJS (click here to download)
2. Any Text Editor like Notepad++, Eclipse, ATOM (click here to download ATOM)etc. (I am using ATOM)

To start working on ReactJS, Please download above software and install it in your system.

---

Set Path of NodeJS

After installing NodeJS in system, you have to set path of NodeJS in your system so that you can run commands of NodeJS from any location.

To Set path right click on My Computer >> Properties >> Advanced System Setting >> In Advanced Tab, click on Environment Variable >> click on New button >> Enter variable name : path & Enter Variable value : C:\Program Files\nodejs (where you installed NodeJS) >> Ok >> Ok >> Ok.

Now open command prompt and validate the path has been set properly or not by giving following command.

1. node -v // it will show verison of node  
2.   
3. npm -v // it will show version of npm  

---

Introduction to React and its supported libraries

ReactJS is used to create user interfaces. but we need some other supported libraries while working on ReactJS. Here, some of them are listed.

1. React

React is a front-end libray to create user interfaces.

2. React DOM

ReactDOM is the glue between React and the DOM. The ReactDOM module exposes DOM-specific methods. The react-dom package contains ReactDOM.render, ReactDOM.unmountComponentAtNode, and ReactDOM.findDOMNode .

3. WebPack

Webpack is a tool that helps you deal with dependencies in your js and generate a bundle out of them. It does not stop at that though, through it is loaders, its able to compile SASS or LESS to css as well, and a whole bunch of other things.

4. Babel

Basically this will transpile our fancy ES6 to ES5 which can be understood by browsers (some browsers can execute ES6 already, but most of them still can't)

5. Redux

Redux is a library that helps you manage your app's state. It derives from various things, one of them the Flux architecture.

6. Webpack Dev Server

If you check the root of your project you will find a node server called 'server'. This server is only useful for development. Without this server we wouldn't be able to actually run webpack.

SHARES

Share

Pin it

Tweet

Share

Share

Share

Buffer

Print

About Mariano

I'm Ethan Mariano a software engineer by profession and reader/writter by passion.I have good understanding and knowledge of AngularJS, Database, javascript, web development, digital marketing and exploring other technologies related to Software development.