React 中文版

作品简介

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

具备以下特性：不是一个 MVC 框架、不使用模板、响应式更新非常简单、HTML5 仅仅是个开始。

作品目录

• 前言
• 仅仅是UI
• 虚拟DOM
• 数据流
• 一个简单的组件
• 一个有状态的组件
• 一个应用程序
• 一个使用外部插件的组件
• 1快速入门 - QUICK START
• 入门
• JSFiddle
• 入门教程包 (Starter Kit)
• 想用 CommonJS？
• 下一步
• 教程
• 制作组件
• 深入理解 React
• 从原型（ mock ）开始
• 第一步：拆分用户界面为一个组件树
• 第二步： 利用 React ，创建应用的一个静态版本
• 第三步：识别出最小的（但是完整的）代表 UI 的 state
• 第四步：确认 state 的生命周期
• 第五步：添加反向数据流
• 就这么简单
• 2指南 - GUIDES
• 为什么使用 React?
• 构建可组合的组件
• 给它5分钟的时间
• 了解更多
• 显示数据
• 开始
• 被动更新 (Reactive Updates)
• 组件就像是函数
• JSX 语法
• 没有 JSX 的 React
• 动态交互式用户界面
• 简单例子
• 事件处理与合成事件（Synthetic Events）
• 幕后原理：自动绑定（Autobinding）和事件代理（Event Delegation）
• 组件其实是状态机（State Machines）
• State 工作原理
• 哪些组件应该有 State？
• 哪些应该作为 State？
• 哪些不应该作为 State？
• 复合组件
• 动机：关注分离
• 组合实例
• 从属关系
• 子级
• 数据流
• 性能提醒
• 可复用组件
• Prop 验证
• 默认 Prop 值
• 传递 Props：小技巧
• 单个子级
• Mixins
• 传递 Props
• 手动传递
• 在 JSX 里使用 ... 传递
• 使用和传递同一个 Prop
• 剩余属性和展开属性 ...
• 使用 Underscore 来传递
• 表单组件
• 交互属性
• 受限组件
• 不受限组件
• 高级主题
• 浏览器中的工作原理
• 虚拟DOM
• Refs和getDOMNode()
• 更多关于Refs
• 组件生命周期
• 跨浏览器支持和兼容代码（Browser Support and Polyfills）
• 工具集成（ToolingIntegration）
• React
• JSX
• 插件
• 高级性能
• 避免调和文档对象模型
• 起作用的 shouldComponentUpdate
• Immutable-JS 救援
• Immutable-JS 和通量
• 3参考 - REFERENCE
• 顶层API
• React
• 组件 API
• ReactComponent
• 组件的详细说明（Component Specifications）
• 生命周期方法
• 标签和属性支持
• 支持的标签
• 支持的属性
• 事件系统
• 合成事件
• 支持的事件
• 与 DOM 的差异
• 特殊的非 DOM 属性
• Reconciliation
• 动机（Motivation）
• 两个节点的差异检查（Pair-wise diff）
• 子级优化差异算法（List-wise diff）
• 权衡（Trade-offs）
• React （虚拟）DOM 术语
• React 元素
• React 节点
• React 组件
• 正式的类型定义
• 4温馨提示 - TIPS
• 简介
• 贡献
• 行内样式
• JSX 中的 If-Else
• 自闭合标签
• JSX 根节点的最大数量
• 在样式props中快速制定像素值
• 子 props 的类型
• Controlled Input 值为 null 的情况
• Mounting 后 componentWillReceiveProps 未被触发
• getInitialState 里的 Props 是一个反模式
• 组件的 DOM 事件监听
• 通过 AJAX 加载初始数据
• JSX 的 false 处理
• 组件间的通信
• 公开组件功能
• 组件的引用
• this.props.children undefined
• 与其他类库并行使用 React
• Dangerously Set innerHTML