玩弄心里的鬼

随着我们中后台系统的复杂，往往会遇到多个团队独立维护的子应用接入统一的主应用中，这些子应用往往独立开发、独立部署、彼此完全解耦，这时候往常的单一应用无法满足业务的增长需求。而微前端便是用来解决随着时间的推移业务复杂度的提升，某个单应用演变为难以维护的“巨石应用”。 这便文章并不…

Redux是当今比较流行的状态管理库，它不依赖于任何的框架，并且配合着react-redux的使用，Redux在很多公司的React项目中起到了举足轻重的作用。接下来笔者就从源码中探寻Redux是如何实现的。 随着我们项目的复杂，项目中的状态就变得难以维护起来，这些状态在什么时…

首先我们先了解一下什么是执行上下文栈（Execution context stack）。 上面这张图来自于mdn，分别展示了栈、堆和队列，其中栈就是我们所说的执行上下文栈；堆是用于存储对象这种复杂类型，我们复制对象的地址引用就是这个堆内存的地址；队列就是异步队列，用于event…

和之前的文章一样，本文也要求你对render props有一些知识背景，如果没有官方文档可能会对你有很大的帮助。本文将会使用函数作为children的render props模式以及结合React的context API来作为例子。如果你想使用类似于render这样子的rend…

高阶组件（HOCs）在React中是组件复用的一个强大工具。但是，经常有开发者在结合TypeScript使用中抱怨道很难去为其设置types。 这边文章将会假设你已经具备了HOCs的基本知识，并会根据由浅入深的例子来向你展示如何去为其设置types。在本文中，高阶组件将会被分为…

在本教程中，我想通过state和effect hook来像你展示如何用React Hooks来获取数据。我将会使用Hacker News的API来获取热门的技术文章。你将会实现一个属于你自己的自定义hook来在你程序的任何地方复用，或者是作为一个npm包发布出来。 如果你还不知…

在很长一段时间内，标准答案是class components提供更多的特性（像state）。但随着Hooks的出现，答案就不再是这样子了。 或许你听说过他们中的一个性能可能更好，哪一个？因为各种的判断标准获取都存在缺陷，所以我们需要小心仔细的得出结论。性能的好坏主要取决于什么？…

你有没有遇到过在没有vue-cli、create-react-app这样子的脚手架的时候一个文件一个文件的去拷贝老项目的配置文件。最近，笔者就在为组里的框架去做一套基本的cli工具。通过这边文章，笔者希望大家都能简单的去实现一个属于自己的脚手架工具。 然后我们需要在项目中新建b…

翻译这篇文章的起因是因为在一次需求迭代中错误的使用了getDerivedStateFromProps这个生命周期导致子组件的state被循环重置，于是翻到了这篇文章，然后就开启的翻译之旅。 在很长一段时间，生命周期componentWillReceiveProps是用来响应pr…