面试之react

[sundjly]

1. 看到的比较好介绍 react 中父子组件之间的生命周期的关系

2. react 源码分析 -- 关注一下 Dan 的博客

• reactjs源码分析-上篇（首次渲染实现原理）

• 前端快报之 react 解析

• MVVM 源码解析

• YouTube 中 React Fiber 的介绍

• react 源码剖析系列 － 不可思议的 react diff

• react 之 fiber 探究

• React 16 架构研究记录（文末有彩蛋

• react-router 源码分析

• redux 解析

3. react 中引入 React Hot Loader 的功能分析: 之前可能也没太注意到，hot module replacement（下面简称 HMR）就是webpack的热更新了，为什么引入了这个热更新，是为了解决，更新之后组件会被销毁的问题，导致state初始化，当然redux的数据是不会变的

4. react 基础之扫盲 -- 常用面试题目与分析

5. 10 个例子学会 React Hooks

6. React 数据获取为什么一定要在 componentDidMount 里面调用？

• 跟服务器端渲染（同构）有关系，如果在 componentWillMount 里面获取数据，fetch data 会执行两次，一次在服务器端一次在客户端。在 componentDidMount 中可以解决这个问题。
• 在 componentWillMount 中 fetch data，数据一定在 render 后才能到达，如果你忘记了设置初始状态，用户体验不好。
• react16.0 以后，componentWillMount 可能会被执行多次。因为 fiber 的原因。

7. 从零开始实现一个 React（一）：JSX 和虚拟 DOM

8. 关于 react 中 class 与 function 写法的区别以及 hooks 一些知识