Modular development of React+gulp+browserify

Reading this article requires a basic knowledge of React, and can be used in the React Introductory Example Tutorial and React Chinese website for basic Learning.

There is no REACT Foundation can also learn this article, this article is not to learn react, but gulp+browserify for modular development.

1. Create Project and environment Setup

We can first create a folder called React_item, as the root directory of the project.

Open the command line, CD to the project root directory, we need to install gulp via NPM, enter:

NPM Install Gulp-g--save-dev

Tip: A friend who does not have node. js installed can go to the node. js Chinese web download

Gulp is the automation of the front-end project to build tools, so that we can easily manage their own projects, saving us a lot of time, details see Gulp Chinese web

The next step is to install the browserify, as above, with NPM to install:

NPM Install browserify--save-dev

Because the project is developed using react, we need to install React.js and react-dom.js, under normal circumstances we will not put JSX in the browser side

　　

　　

Modular development of React+gulp+browserify