React入门实例教程(ES6版)

前言:

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

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

安装

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

1
$ git clone git@github.com:binaryify/react-demos.git


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

http-server

1
$ npm install -g http-server

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

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