前言:
React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。
此教程的demo基于阮一峰的React入门实例教程的demo使用ES6语法重写而来(原博地址)
安装
React 的安装包,可以到官网下载。不过,React Demos已经自带React源码,不用另外安装,只需把这个库拷贝到你的硬盘就行了。
$ git clone git@github.com: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 是服务器首屏渲染的例子,有兴趣的朋友可以自己去看源码。