- 01 React 概述 React 的内核相当精简，包括以下三个部分。 Elements API Components API Prototypes React Elements Elements API 定义了最基本的渲染单位。 每个 ... 9 年前
- 02 组件 概述 React通过“组件”（component），构成一个页面。 组件通常是下面的样子。 export default class App extends React.Component { construc... 9 年前
- 03 基本概念 组件 UI使用数据结构表示。UI的变化，就是一种数据结构，变成另一种数据结构。 同样的数据结构，就得到同样的UI。这就是说，UI是一个纯函数。 function NameBox(name) { return {... 9 年前
- 04 Context的用法 Context是用于解决组件层层传递参数的问题。 var Button = React.createClass({ render: function() { return ( <button... 9 年前
- 05 CSS const style = {color: red} <div style={style}></div> 9 年前
- 06 表单 下面的例子是如何获取输入框的值。 var Message = React.createClass({ getInitialState: function() { return { message: th... 9 年前
- 07 GraphQL的用法 GraphQL 是一种客户端与 API 的通信语言，具体来说，就是客户端向 API 查询数据的语法。与传统的 REST 方式相比，GraphQL 效率更高，更节省带宽，只取回需要的数据。 简介 我们希望取回下面的数... 9 年前
- 08 JSX 语法 概述 组件的最外层，只能有一个标签。因为，一个组件就相当于调用一个构造函数，如果有多个标签，就变成一个组件对应多个构造函数了。 组件的标签一定要闭合。只要有开标签，就一定要有闭标签，比如 <div>一定要有对应的 ... 9 年前
- 09 生命周期方法 执行顺序 首次挂载组件时，按如下顺序执行。 getDefaultProps getInitialState componentWillMount render componentDidMount 上面的 getDe... 9 年前
- 10 React-Router 安装 $ npm install react-router 基本用法 import { Router, Route } from 'react-router'; React.render(( <Router> ... 9 年前
- 11 ReactDOM ReactDOM只有三个方法。 findDOMNode unmountComponentAtNode render findDOMNode() findDOMNode方法用于获取真实的DOM元素。 componen... 9 年前
- 12 Redux的用法 基本原则 所有状态存放在一个地方。 Reducer Reducer描述状态如何变化。它不改变原来的状态，每次都生成一个新的状态。 function exampleReducer(state, action) { ... 9 年前
- 13 静态方法 React.createElement React.createElement方法用来生成一个React组件实例。它的第一个参数是React组件类，第二个参数是一个对象，表示生成实例的参数。 React.creat... 9 年前
- 14 React测试 React组件至少有两个方面需要测试。 给定属性（property)和状态（state），会渲染出什么结果？ 对于渲染的结果，进行某种输入（用户的互动），有没有可能从状态A转化成状态B？ 第一类测试可以称为测试结构... 9 年前
- 15 TypeScript的用法 基本用法 $ npm install --global typescript 使用TypeScript编写的脚本，后缀名为 .ts。 tsc命令会将TS脚本，转为正常的JavaScript脚本程序。 # 在当前目录... 9 年前
- 16 Webpack Webpack 是一个打包器，英语叫做 bundler，意思是将不同的脚本打包成一个文件，浏览器可以运行这个文件。 Webpack 的特色。 能将依赖的模块，区分成不同的代码块（chunk），按需加载。 能将静态资... 9 年前
- 17 WebpackDevServer WebpackDevServer在脚本中调用时，第一个参数是Webpack的实例，第二个参数是配置对象。 var server = new WebpackDevServer(webpack(config), { ... 9 年前