React入门实例教程(ES6版)

前言:

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。

此教程的demo基于阮一峰的React入门实例教程的demo使用ES6语法重写而来(原博地址)

安装

React 的安装包，可以到官网下载。不过，React Demos已经自带React源码，不用另外安装，只需把这个库拷贝到你的硬盘就行了。

$ git clone [email protected]:zhuangtongfa/react-demos.git

12个例子在各个 Demo 子目录，每个目录都有一个 index.html 文件，由于是使用了 src=app.jsx的形式,所以需要在服务器运行，可以使用 http-server这个工具来打开demo

http-server

$ npm install -g http-server

安装后在dmeo文件夹下执行http-server,然后打开'127.0.0.1:8080'就行了

本教程只涉及浏览器。一方面是为了尽量保持简单，另一方面React的语法是一致的，服务器的用法与浏览器差别不大。Demo13 是服务器首屏渲染的例子，有兴趣的朋友可以自己去看源码。