最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）

前言 面试官:"你了解虚拟DOM(Virtual DOM)跟Diff算法吗,请描述一下它们"; 我:"额,...鹅,那个",完了😰,突然智商不在线,没组织好语言没答好或者压根就答不出来;

语雀地址：https://www.yuque.com/chenzilong/nigxcx/uelybw demo分支代码：https://github.com/rodchen-king/ant-des

Create React App是一个官方支持的创建React单页应用程序的脚手架。它提供了一个零配置的现代化配置设置。 平时工作中一部分项目使用的React，使用之余也需要了解其脚手架实现原理。 下面先做一些前备知识了解。 Monorepo是管理项目代码的一个方式，指在一个项…

在Google中搜索会发现，大家经常问这些问题。 “React Hooks是否会取代Redux？”，最简单的回答是“不一定”。 更细致但礼貌的答案是“嗯，那取决于你正在做的项目类型”。 我更倾向于告诉大家的答案是“我不确定你是否知道你在说什么”。有几个原因可以说明，为什么“Re…

最近开始深入学习React的原理了，后面会出一系列关于React原理的文章，基本都是我学习其他前辈的React源码分析以及跟随他们阅读源码时的一些思考和记录，内容大部分非原创，但我会用我自己的方式去总结原理以及相关的流程，并加以补充，当作自己的学习总结。 本系列内容偏向底层源码…

现在我们开发一个 React 项目最快的方式便是使用 Facebook 官方开源的脚手架 create-react-app ，但是随着业务场景的复杂度提升，难免会需要我们再去添加或修改一些配置，这个时候如果对 webpack 不够熟练的话，会比较艰难，那种无力的感觉，就好像是女…

随着前端应用体积的扩大，资源加载的优化是我们必须要面对的问题，动态代码加载就是其中的一个方案，webpack 提供了符合 ECMAScript 提案 的 import() 语法 ，让我们来实现动态地加载模块（注：require.ensure 与 import() 均为 webp…

是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同构应用来讲的） 更快的首屏加载速度：无需等待 JavaScript 完成下载且执行才显示内容，更快速地看到…