啊丫丫

项目的相关规范性配置 目的： 检测代码质量和代码格式，对编辑器进行相关设置，提交的时候进行代码检查以及提交规范

经过前面的学习，从基础到原理再到生产实践，于此我们对 React 也建立起了一个系统且深入的认知。前不久，React 17 版本正式面世，但 React 17 到底意味着什么，或许有不少人会感到一头雾水。因此，在专栏的最后一讲，先来一起聊聊面向未来的 React——React …

这一讲将针对 React 中的设计模式进行探讨。 与性能优化的视角相似，当谈论 React 设计模式时，实际上是在谈论“React 组件的设计模式”。在 React 设计模式中，最重要、也是最为大家所津津乐道的几个模式分别是： 除此之外，每个团队或许都会有自己的一套在实践中摸索…

React 应用也是前端应用，如果之前知道了一些前端项目普适的性能优化手段，比如资源加载过程中的优化、减少重绘与回流、服务端渲染、启用 CDN等，那么这些手段对于 React 来说也是同样奏效的。 不过对于 React 项目来说，它有一个区别于传统前端项目的重要特点，就是以 R…

React-Router 是 React 场景下的路由解决方案，本讲将学习 React-Router 的实现机制，并基于此提取和探讨通用的前端路由解决方案。 完成快速上手。 本着尽快进入主题的原则，这里用一个尽可能简单的 Demo 作为引子来帮助大家快速地把握 React-Ro…

相信不少人在进阶 React 的过程中都会或多或少地了解到这样一件事情：React 有着自成一派的事件系统，它和DOM 原生事件系统不一样。但具体不一样在哪，却很少有人能够一五一十地说清楚。 我们知道，对于不同的知识，需要采取不同的学习策略。就 React 事件系统来说，它涉及…

关于 Fiber 架构的实现原理和编码形态，前面已经洋洋洒洒地分析了 3 讲 。在前面的 3 讲里，通过对整个 ReactDOM.render 所触发的渲染链路进行了分析和串联，由此把 Fiber 架构在实现层面的大部分要点都捋了一遍。之所以花这么大篇幅，一方面是因为这部分知识…

在上一讲从 beginWork 切入，摸索出了 Fiber 节点的创建链路与 Fiber 树的构建链路。本讲将以 completeWork 为线索，去寻觅 Fiber 树和 DOM 树之间的关联，将整个 render 阶段讲透。在此基础上，结合 commit 阶段工作流将会对 …

本讲将结合 Redux 应用实例与 applyMiddleware 源码，对 Redux 中间件的实现原理进行分析。在此基础上，对“面向切面”这一经典的编程思想建立初步的认识。 在分析中间件实现原理之前，先来认识一下中间件的用法。 介绍 createStore 函数时，已经简单…