React Hooks自2018年10月的React conf上和React 16.7.0-alpha一起推出提案以来，一直维持着很高的社区热度。时隔将近2年，越来越多的团队和开发者开始拥抱Hooks和函数式组件，Hooks正在重塑整个React生态。本文将介绍如何基于Hook…

React在过去几年变得越来越受欢迎。随之而来的是越来越多的库的发布，给我们带来了新的可能性，但最重要的是让开发这工作变得越来越简单。 在本文中，介绍 5 个 React 库，希望能给你带来一些帮助。 1. react-portal 我认为React中的 Portals(传送门…

带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

三篇长文带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 webpack 是一个现代 JavaScript 应用程序的静态模块打包器，当 webpack 处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每…

当渲染一个组件的数据是通过props从父组件中获取时，通常情况下是 A --> B，但随着业务复杂度的增加，有可能是这样的：A --> B --> C --> D --> E，E需要的数据需要从A那里通过props传递过来，以及对应的 E --> A逆向传递callback。组…

在单页面应用如日中天发展的过程中，备受关注的少了前端路由。 而且还经常会被xxx面试官问到，什么是前端路由，它的原理的是什么，它是怎么实现，跳转不刷新页面的... 一大堆为什么，问你头都大，此时，我就要拿出我珍藏的图片了，各位观众，五个烟。🤣 四种路由的实现原理。 只可以在h…

作者最初使用React Hooks的场景就是用Hooks重构现有的 Class 组件。 按照上面的暴力输出思路和官网提供的HooksAPI, 我们将一个 Class 组件改造成了 Function + Hooks 组件试试。 看上去好像没什么问题, 有一种重构代码大功告成的感觉…

在 JS 中对象的使用需要格外注意引用问题，断绝引用的方式常见有深拷贝。但是深拷贝相比较而言比较消耗性能。本文主要简介 immutable-js 和 immer 两个处理「不可变数据」的库，同时简单分析了 immer 的实现方式，最后通过测试数据，对比总结了 immutable…

三篇长文，带你解锁 Webpack ，希望读完这三篇文章，你能够对 webpack 的各项配置有一个更为清晰的认识。 本文是第二篇，如果你还没有阅读《带你深度解锁Webpack系列(基础篇)》，建议阅读之后，再继续阅读本文。 本文会引入更多的 webpack 配置，如果文中有任…