React.JS教程

快速入门

React.js快速开始 React.js入门教程深入理解 React

React指南

为什么使用 React? React.js数据呈现深入理解 JSX JSX的延展属性 JSX 的陷阱 React.js富交互性的动态用户界面 React.js复合组件 React.js可复用组件 React.js传递 Props React.js表单组件 React.js浏览器中的工作原理关于Refs的更多内容 React.js工具集成 React.js插件 React.js动画 React.js双向绑定辅助工具 React.js类名操作 React.js测试工具集 React.js克隆组件 React.js不可变数据的辅助工具 PureRenderMixin React.js性能分析工具

参考

React.js顶层API React.js组件 API React.js组件的详细说明和生命周期 React.js标签和属性支持 React.js事件系统 React.js与 DOM 的差异 React.js特殊的非 DOM 属性 React.js Reconciliation React （虚拟）DOM 术语 Flux应用架构

Flux

Flux TodoMVC Tutorial React.js常见问题

Tips

React.js行内样式 JSX 中的 If-Else React.js自闭合标签 JSX 根节点的最大数量 React.js在样式props中快速制定像素值 React.js子 props 的类型 React.jsControlled Input 值为 null 的情况 React.jsMounting 后 componentWillReceiveProps 未被触发 React.js getInitialState 里的 Props 是一个反模式 React.js组件的 DOM 事件监听 React.js通过 AJAX 加载初始数据 React.js JSX 的 false 处理 React.js组件间的通信 React.js Expose Component Functions React.js组件的引用 React.js this.props.children undefined 与其他类库并行使用React React.js Dangerously Set innerHTML

React.js 是 Facebook 推出的一个用来构建用户界面的 JavaScript 库。

Facebook开源了React，这是该公司用于构建反应式图形界面的JavaScript库，已经应用于构建Instagram网站及 Facebook部分网站。最近出现了AngularJS、MeteorJS 和Polymer中实现的Model-Driven Views等框架，React也顺应了这种趋势。React基于在数据模型之上声明式指定用户界面的理念，用户界面会自动与底层数据保持同步。与前面提及的框架不同，出于灵活性考虑，React使用JavaScript来构建用户界面，没有选择HTML。

示例代码：

/** @jsx React.DOM */
var HelloMessage = React.createClass({
  render: function() {
    return{'Hello ' + this.props.name};
  }
});
React.renderComponent(HelloMessage, mountNode)

后端技术

前端技术

数据库

热门框架

常用IDE

其他