ReactJs quick start tutorial (excellent Edition)

React originated from Facebook's internal project. Because the company was dissatisfied with all the JavaScriptMVC frameworks on the market, it decided to write a set of items for setting up Instagram websites. this article mainly introduces the relevant information of ReactJs quick start tutorial (excellent Edition). If you need it, you can refer to the most popular front-end frameworks such as AngularJS, React, and Bootstrap. Since I was exposed to ReactJS, the Virtual DOM (Virtual DOM) of ReactJs and componentized development have deeply attracted me. Let's take a look at ReactJs with me ~~ The article is a little long. Please read it with patience. You will have a lot to learn ~

1. ReactJS Overview

React originated from Facebook's internal project. Because the company was dissatisfied with all the JavaScript MVC frameworks on the market, it decided to write a set of websites for setting up Instagram. After it was made, it was found that this set of things was very useful, and it was open-source in May 2013. Because React's design philosophy is extremely unique, it is a revolutionary innovation with outstanding performance, but the code logic is very simple. Therefore, more and more people are paying attention to and using it, and think it may be a mainstream tool for Web development in the future.

ReactJS official website address: http://facebook.github.io/react/

Github address: https://github.com/facebook/react

ReactJs download is very simple. For your convenience, here we will give you another example at http://facebook.github.io/react/downloads.html. After the download is complete, we will see a compressed package. After decompression, we create an html file and reference the two js files react. js and JSXTransformer. js. The html template is as follows (change the js path to your own ):