React 入门实例教程

教程说明:


在开始本教程之前,你可能需要阅读的教程:


《CSS教程》

《HTML教程》

《javascript教程》

React安装


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

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

如果你没安装 git, 那就直接下载 zip 压缩包

React 的特点


  • React采用声明式的设计 − React采用声明范式,可以轻松描述应用。
  • React具有高效性 − React通过对DOM的模拟,最大限度地减少与DOM的交互。
  • React很灵活 − React可以与已知的库或框架很好地配合。
  • React有JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。
  • React组件 − 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
  • React的单向响应的数据流 − React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

更多React参考教程


《React 教程》

《React 中文版文档》

《React简学 by TG》

与React相关的实例


《使用React、Node.js、MongoDB、Socket.IO开发一个角色投票应用》

版权信息


《React 入门实例教程》原文出处http://www.ruanyifeng.com/blog/2015/03/react.html

由作者阮一峰授权转载整理至W3Cschool.cn

温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }