与其他类库并行使用React

快速入门

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

同类教程 ReactJS入门教程

发布于 2015-07-12 09:58:06 | 410 次阅读 | 评论: 0 | 来源: 网络整理

你不用非得全部采用 React。组件的生命周期事件，特别是componentDidMount 和 componentDidUpdate，非常适合放置其他类库的逻辑代码。

var App = React.createClass({
  getInitialState: function() {
    return {myModel: new myBackboneModel({items: [1, 2, 3]})};
  },

  componentDidMount: function() {
    $(this.refs.placeholder.getDOMNode()).append($('<span />'));
  },

  componentWillUnmount: function() {
    // Clean up work here.
  },

  shouldComponentUpdate: function() {
    // Let's just never update this component again.
    return false;
  },

  render: function() {
    return <div ref="placeholder"/>;
  }
});

React.render(<App />, mountNode);

You can attach your own event listeners and even event streams this way.

你还可以通过这种方式来绑定你自己的事件监听（event listeners）甚至是事件流（event streams）。

后端技术

前端技术

数据库

热门框架

常用IDE

其他