下载APP 编程狮,随时随地学编程
返回 首页

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

目录
React 介绍
React 零、安装
一、React HTML 模板
二、React.render()
三、React JSX 语法
四、React 组件
五、React this.props.children
六、React PropTypes
七、React.findDOMNode()
八、React this.state
九、React 表单
十、React 组件的生命周期
十一、React Ajax
十二、React 参考链接

关闭

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; }