业务代码如何写先解析业务，大需求分层，小需求分步，需要注意的： 面向整个需求（整个项目）的公共逻辑，通过自定义 hook 实现所有的数据处理逻辑，通过纯函数实现通过伪代码初步实现根据伪代码编写 ts 定义编写 ts 定义需要注意的 ...

通常是如下图使用，在提供的 container 里渲染一个 React 元素，并返回对该组件的引用（或者针对无状态组件返回 null）。本文主要是将ReactDOM.render的执行流程在后续文章中会对创建更新的细节进行分析，文中的源代码部分为了...

本章将讲解 react 的核心阶段之一 —— render阶段，我们将探究以下部分内容的源码：

每个React组件强制要求必须有一个 render()。它返回一个 React 元素，是原生 DOM 组件的表示。如果需要渲染多个 HTML 元素，则必须将它们组合在一个封闭标记内，例如 <form>、<group>、<div> 等。此函数必须保持纯净，即必须...

以 store 为核心，可以把它看成数据存储中心，但是他要更改数据的时候不能直接修改，数据修改更新的角色由Reducers来担任，store只做存储，中间人，当Reducers的更新完成以后会通过store的订阅来通知react component，组件把新的状...

最近在做一个功能，然后不小心踩到了 React 合成事件 的坑，好奇心的驱使，去看了 React 官网合成事件 的解释，这不看不知道，一看吓一跳...

大家都知道hooks是在函数组件的产物。之前class组件为什么没有出现hooks这种东西呢？

文件顺序必须是核心库文件在react-dom文件之前引入，babel.js是用来将jsx解析成js

React Router 提供一个routerWillLeave生命周期钩子，这使得 React组件可以拦截正在发生的跳转，或在离开route前提示用户。routerWillLeave返回值有以下两种：

（1）不要在循环，条件或嵌套函数中调用Hook，必须始终在 React函数的顶层使用Hook