深入浅出React

React中，复用逻辑我们经常采用高阶组件(HOC)的方式，将逻辑封装的在包装函数的内部实现，同样实现这种目的，我们还可以通过render props进行处理

针对React这种组件化应用的优化手段： 使用 shouldComponentUpda、PureComponent、React.memo 与 useMemo

React-Router 是 React 场景下的路由解决方案 路由器：BrowserRouter 和 HashRouter 路由器负责感知路由的变化并作出反应，它是整个路由系统中最为重要的一环。R

Fiber 是 React 16 对 React 核心算法的一次重写，我们先get一个点： Fiber 会使原本同步的渲染过程变成异步的

Redux的基本使用大家应该都了解，包括使用redux中间件进行加强，比如常见的redux-thunk进行一步请求，那么，redux中间件具体执行模式和实际，以及传入的多个中间件又是如何进行链式调用的

React 16 以来的生命周期也可以按照“挂载”“更新”和“卸载”三个阶段来看，在这个过程中，我将把 React 16 新增的生命周期方法，以及流程上相对于 React 15 产生的一些差异，进行比

HooK API useStat、useEffect、useReducer、useRef、useCallback、useMemo等

合成事件是 React 自定义的事件对象，它符合W3C规范，在底层抹平了不同浏览器的差异，在上层面向开发者暴露统一的、稳定的、与 DOM 原生事件相同的事件接口。开发者们由此便不必再关注烦琐的兼容性问

setState 并不是单纯同步/异步的，它的表现会因调用场景的不同而不同：在 React 钩子函数及合成事件中，它表现为异步；而在 setTimeout、setInterval 等函数中，包括在 D

React的Diff算法，通过一定的设定和处理，将这个过程的算法复杂度由O(n^3)转换为O(n),这样才使得虚拟Dom的效率应用成为可能

为什么需要React Hooks？ 类组件是包裹在面向对象思想下的“重装战舰”；函数组件是呼应React设计思想的“轻巧快艇”

Fiber 是 React 16 对 React 核心算法的一次重写，与此同时，为了支持Fiber架构的演变，React生命周期也在做相应的调整

React16发布后，生命周期相对15有了新的变化，这个变化，是一步一步的为React的核心算法重写的 Fiber架构做准备

React声明周期 生命周期背后的设计思想：把握 React 中的“大方向“ 对 React 15、React 16 两个版本的生命周期进行探讨、比对和总结，通过搞清楚一个又一个的“Why”，来帮你建