☘️☘️☘️React和Vue底层机制相关优秀文章

https://godbasin.github.io/front-end-playground/front-end-basic/skill/learn-front-end-develop-from-interview.html#前端项目经验相关面试考察点

• React Fiber相关讲解
• React 技术揭秘
• 完全理解 React Fiber
• [译]深入 React fiber 架构及源码
• 看家本领来了：全面了解 React Suspense 和 Hooks
• 走进 React Fiber 的世界
• React Fiber 是什么
• react fiber 到底有多细
• 你不知道的 React Virtual DOM
• 我对 React 实现原理的理解

---

• 你不知道的 React Virtual DOM
• 网上都说操作真实 DOM 慢...
• 从 React 历史长河里聊虚拟 DOM 及其价值
• 如何实现一个 VirtualDOM 算法
• 让虚拟 DOM 和 DOM-diff 不在成为你的绊脚石
• 面试官问: 如何理解 Virtual DOM？
• 谈谈你对虚拟 DOM 原理的理解
• 谈谈对虚拟 DOM 的理解

---

• DIff 算法看不懂就一起来锤我(带图)

• 15 张图，20 分钟吃透 Diff 算法核心原理

• 精读《DOM diff 原理详解》

• 协调

---

• 【React 深入】从 Mixin 到 HOC 再到 Hook

• useEffect 完整指南

• useCallback、useMemo 分析以及差别

• 十个案例学会 React Hooks

• useEffect, useCallback, useMemo 三者有何区别

• React hooks 最佳实践【更新中】

• React Hooks 万字总结

• React hooks: not magic, just arrays

• 「React 万字基础全面剖析」

• Separation of concerns with React hooks

• 如何去合理使用 React hook？

• 使用 React.memo() 提高组件性能

---

• setState：这个 API 设计到底怎么样
• setState 为什么不会同步更新组件状态
• setState 何时同步更新状态
• 浅入深出 setState（上篇）
• 浅入深出 setState（下篇）
• 重新认识 React 的 setState
• 你真的理解 setState 吗？
• setState 到底是同步的，还是异步的
• React 中 setState 是一个宏任务还是微任务？
• What is the advantage of using componentDidUpdate over the setState callback?

---

• React 性能优化 | 包括原理、技巧、Demo、工具使用
• 浅谈 React 性能优化的方向
• 记忆化技术 memoize-one
• 「框架篇」React 中 的 9 种优化技术
• React 高效渲染策略
• 如何全方位优化你的超大型 React 应用 【原创精读】
• 干货：深入了解 React 渲染原理及性能优化
• 可能你的 react 函数组件从来没有优化过
• React 函数式组件性能优化指南
• 打造高性能的 React 应用的几种方式总结
• 「react 进阶」react 开发者的不得不知道的八条优化建议
• 这可能是全网最全的 react 性能优化知识锦集
• 从源码中来，到业务中去，React 性能优化终极指南
• React Performance Optimization Tips
• 新版 react 中，usecallback 和 usememo 是不是值得大量使用？
• React 性能优化 | 包括原理、技巧、Demo、工具使用

---

• 官网：事件合成
• 一看就晕的 React 事件机制
• 【长文慎入】一文吃透 react 事件机制原理
• 「react 进阶」一文吃透 react 事件系统原理
• 【React 深入】React 事件机制
• React 进阶实战指南-原理篇-事件原理
• React 合成事件
• React 面试题: 不一定最全但绝对值得收藏！！(1 ~ 10) (万字总结)

---

• Vue技术解密