英文原文:http://facebook.github.io/react/
中文论坛:http://react-china.org/
视频教程:http://www.icoolxue.com/album/show/262
react 知识点 :
◆ HTML 相关:
1. 原生 HTML 元素名以小写字母开头,而自定义的 React 类名以大写字母开头。
◆ JSX 相关:
1. 注意:最简单开始学习 JSX 的方法就是使用浏览器端的JSXTransformer
。我们强烈建议你不要在生产环境中使用它。你可以通过我们的命令行工具react-tools 包来预编译你的代码。
2. React 的 JSX 里约定分别使用首字母大、小写来区分本地组件的类和 HTML 标签。
(1)、要渲染 HTML 标签,只需在 JSX 里使用小写字母开头的标签名。
(2)、要渲染 React 组件,只需创建一个大写字母开头的本地变量。
◆组件相关:
1. 通过 JavaScript 对象传递一些方法到 React.createClass()
来创建一个新的 React 组件。其中最重要的方法是render
,该方法返回一颗 React 组件树,这棵树最终将会渲染成 HTML 。
2. ReactDOM.render()
实例化根组件,启动框架,把标记注入到第二个参数指定的原生的 DOM 元素中。
◆数据模型相关:
1. props
是不可变的(只读),可以通过this.props
访问到。通过this.props
来访问传入组件的数据,键名就是对应的命名属性,也可以通过this.props.children
访问组件内嵌的任何元素。
2.state 是可变的,可以通过his.state
是组件私有的,可以通过调用this.setState()
来改变它。
3. getInitialState()
在组件的生命周期中仅执行一次,用于设置组件的初始化 state 。
4. componentDidMount
是一个组件渲染的时候被 React 自动调用的方法。
5. 一个限制: React 组件只能渲染单个根节点。如果你想要返回多个节点,它们必须被包含在同一个节点里。
◆事件相关:
1. React 使用驼峰命名规范的方式给组件绑定事件处理器。
2. 利用 ref
属性给子组件命名,通过 this.refs
引用 DOM 节点。
3. 用回调函数作为属性( props )。
◆移动平台相关:
1. 如果需要在手机或平板等触摸设备上使用 React,需要调用 React.initializeTouchEvents(true);
启用触摸事件处理。