20 个大前端必知领域之「React」

react 源码中的协调与调度

其实在React执行过程中，会有数不清的任务要去执行，但是他们会有一个优先级的判定，假如两个事件的优先级一样，那么React是怎么去判定他们两谁先执行呢？

从源码角度看 React-Hydrate 原理

React 渲染过程，即ReactDOM.render执行过程分为两个大的阶段：render 阶段以及 commit 阶段。React.hydrate渲染过程和ReactDOM.render差不多，两者之间最大的区别就是，ReactDOM.hydrate 在 render 阶段，会尝试复用(hydrate)浏览器现有的 dom 节点，并相互

手写一个 Redux, 深入理解其原理 - 面试进阶

Redux可是一个大名鼎鼎的库，很多地方都在用，我也用了几年了，今天这篇文章就是自己来实现一个Redux，以便于深入理解他的原理。我们还是老套路，从基本的用法入手，然后自己实现一个Redux来替代源码的NPM包，但是功能保持不变。本文只会实现Redux的核心库，

一天梳理完 React 所有面试考察知识点

性能优化，永远是面试的重点，性能优化对于 React 更加重要

17｜Koa.js：如何结合 Koa.js 开发 Node.js Web 服务？

前后端项目分离的理念要从具体的需求场景来分析，要从“技术”“管理”和“行情”这三个视角看待，不能脱离实际环境，一昧讨论技术理念的利弊优劣。

3 📖 《JavaScript 高级程序设计》__ 语言基础（上）

大家好，我是HoMeTown，web领域有一本神书大家应该都有看过，这本书我看过两遍，但是每次看都是粗粗的略过一些重要的知识点，甚至一些面试过程中的问题，在这本书里都能找到答案。

3 📖 《JavaScript 高级程序设计》__ 语言基础（下）

大家好，我是HoMeTown，web领域有一本神书大家应该都有看过，这本书我看过两遍，但是每次看都是粗粗的略过一些重要的知识点，甚至一些面试过程中的问题，在这本书里都能找到答案。

2. RESTful API 的设计与优化实践策略

18｜Node.js 服务端渲染页面：客户端渲染和服务端渲染有何区别？

如何定制Vue.js全栈项目的SSR和CSR结合方案，核心要考虑项目的前后端耦合或者解构的情况，同时还要考虑到国内大厂的前后端分离的技术趋势。

一道 React 面试题把我整懵了

提问：react项目中的JSX里，onChange={this.func.bind(this)}的写法，为什么要比非bind的func = () => {}的写法效率高？

手写一个 Redux, 深入理解其原理 - 面试进阶

Redux可是一个大名鼎鼎的库，很多地方都在用，我也用了几年了，今天这篇文章就是自己来实现一个Redux，以便于深入理解他的原理。我们还是老套路，从基本的用法入手，然后自己实现一个Redux来替代源码的NPM包，但是功能保持不变。本文只会实现Redux的核心库，

一道 React 面试题把我整懵了

提问：react项目中的JSX里，onChange={this.func.bind(this)}的写法，为什么要比非bind的func = () => {}的写法效率高？

32｜Fabric：新渲染器的演进之路

对核心渲染流程的持续迭代和优化，是 React Native 能够广受欢迎的重要原因之一。

面试官：说说 React-SSR 的原理

所谓同构，简而言之就是，第一次访问后台服务时，后台直接把前端要显示的界面全部返回，而不是像 SPA 项目只渲染一个 <div id="root"></div> 剩下的都是靠 JavaScript 脚本去加载。这样一来可以大大减少首屏等待时间。

前端培训机构应该怎么选

线下学习前端培训机构应该怎么选？随着前端开发行业的不断发展，相关企业对前端开发技术人才的需求量越来越大，而企业对具有丰富开发实战经验的前端开发人员似乎情有独钟，因此这不得不让小伙伴在学习前端开发技术的过程中积累更多的项目实战经验。这时，市场

手写一个 Redux, 深入理解其原理 - 面试进阶

Redux可是一个大名鼎鼎的库，很多地方都在用，我也用了几年了，今天这篇文章就是自己来实现一个Redux，以便于深入理解他的原理。我们还是老套路，从基本的用法入手，然后自己实现一个Redux来替代源码的NPM包，但是功能保持不变。本文只会实现Redux的核心库，

react 源码分析：babel 如何解析 jsx

同作为MVVM框架，React相比于Vue来讲，上手更需要JavaScript功底深厚一些，本系列将阅读React相关源码，从jsx -> VDom -> RDOM等一些列的过程，将会在本系列中一一讲解

31｜多线程：RN 底层是如何保障交互体验的？

这一讲我们会围绕着 React Native 的多线程进行介绍，并会重点介绍新架构是如何改善交互体验的。

39｜语法扩展：通过 JSX 来做语法扩展

这节课我们就来看看JSX是如何用在Web UI开发中的。即使你不使用React，这样的模版模式也有很大的借鉴意义。

一天梳理完 React 所有面试考察知识点

性能优化，永远是面试的重点，性能优化对于 React 更加重要