泡面加咖啡

介绍目前 React 提供的所有 hooks ，介绍其功能类型和基本使用方法，查缺补漏，助你早日进阶 React !...

JSX JSX 其实是 React.createElelment 函数调用的语法糖 JSX 会将代码编译成 React.createElelment 调用形式 在 JSX ...

Refs 允许我们访问真实 DOM 一般的，React 数据流是通过 props 来实现父子组件的交互 Refs 允许我们用于强制修改子组件 createRef 用法细节 ...

高阶组件 High Order Component HOC 是一种高级的设计模式 HOC 是一个函数，接收一个组件参数，返回一个新组件 普通组件返回的是 UI，HOC 返回...

Context 作用：给整个组件树共享全局的数据 最适合的场景：杂乱无章的组件都需要同一些数据 如果单纯为了不层层传递属性的话， Context 是不合适的，因为 Cont...

代码分割 import 静动态导入 静态导入：static import import xxx from 'xxx' 导入并加载时，导入的模块会被编译，不是按需编译 动态导...

父子组件数据关系与状态提升 状态提升：两个组件（无父子关系）共享一个数据并同步数据变化，即将子组件中的数据提升到父组件中进行操作和管理，通过 props 传递给子组件 类组...

真正的挑战要开始了~~~ 这里我采用自顶向下的叙述方法，来描述组件的结构，大家可以先按照顺序依次阅读，最后再回头完整的看一遍，就能明白其中的设计方法啦~~ App.jsx ...

模拟获取数据接口 创建 Context 创建 Context 用来存储 todo_list 所有列表项 Http 组件 在这个组件中，我们使用 TodoListContex...

本系列文章会展示如何使用 `React` 构建一个简单的 `todo_list` 项目。由于我们还没有学习 `redux` ，所以 `纯 React` 来管理数据，以此来巩...