一、前言 自从 react-router6 发布到现在已经好几个月了，用过 v6 版本的同学就会发现 v6 和 v5 之间的差别是比较大的，不管是基本的 API 的使用，还是底层的路由匹配算法都是有着

引言 在深入了解FIber之前，我们可以先了解一下React的架构发展历程： React15架构可以分为两层： Reconciler（协调器）—— 负责找出变化的组件； Renderer（渲染器）——

React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！

很多同学用react开发的时候，真正用到的React的api少之又少，基本停留在Component,React.memo等层面,实际react源码中，暴露出来的方法并不少，只是我们平时很少用。但是Re

本篇为 从零开始配置 react + typescript 系列第三篇，将带大家完成模板项目的 webpack 配置。整个项目的配置我力求达到以下目标： 灵活： 我在配置 eslint 是选择使用 js 格式而不是 json，就是为了灵活性，使用 js 文件可以让你使用导入其它…

现在(2018年)react在前端开发领域已经越来越🔥了，我自己也经常在项目中使用react，但是却总是好奇react的底层实现原理，多次尝试阅读react源代码都无法读下去，确实太难了。前不久在网上看到几篇介绍如何自己动手实现react的文章，这里基于这些资料，并加入一些自…

最近在网上也看到了react-router4的好多种按需加载的方法。 虽然自己的项目不大，但是也要区分前台和后台，如果让访问前台的用户也加载了后台的js代码，还是很影响体验的，所以挑了一种按需加载的方法进行实践（基于create-react-app和Bundle组件）。 这里的…

如果说你是一位经验丰富的 React 工程师，看到这边文章讲的是 React 的生命周期，已经看过无数篇关于 React 生命周期的文章的你，可能有关闭页面的想法。 请不要急着退出，我想讲一些不一样的、来自未来的。 大家都知道，现在关于 React 生命周期的解析、教程、深入解…

Context被翻译为上下文，在编程领域，这是一个经常会接触到的概念，React中也有。 在React的官方文档中，Context被归类为高级部分(Advanced)，属于React的高级API，但官方并不建议在稳定版的App中使用Context。 不过，这并非意味着我们不需要…