Henry的代码工厂

“微前端”的概念最早由 Thoughtworks 在2016年提出。独立开发、独立部署、独立运行，是微前端应用组织的关键词。独立带来了很多有价值的特性……

react-router 是 react 生态的重要组成部分，我们用它来管理 URL，实现页面组件切换。本篇我们深入 react-router 源码，搞懂它的工作方式。

Part 1 函数式组件和 Hook 通常情况下，我们在函数式组件中这样调用 hook： 函数式组件本身是个纯函数，没有任何状态，它通过调用 useState 获取一个状态和改变状态的方法。但这个 u

前面两篇，我们基本清楚了 Fiber 的调度机制和 Fiber 树的构建机制。但这一切的前提都是，我们通过某种方式触发了“更新”。这篇我们将回到开端，研究研究“更新”。 在 React 中，我们有几种

React Fiber 是 React 核心算法的重新实现。它的主要特点是渐进式渲染。同时 React 也在 Virtual DOM 上重建了树和节点结构，叫做 fiber 树和 fiber 节点。

上一篇我们了解了 TS 在「类型声明空间」的行为，那「类型声明空间」的产物是如何约束「变量声明空间」的，「变量声明空间」又能为「类型声明空间」提供哪些信息呢？这就是本篇要讨论的——两个空间的交流。

上一篇我们了解到，Typescript 构造了两个相对独立的空间。这篇我们先把目光放在「类型声明空间」的表现，即基础类型和类型的声明与运算。

Typescript 为 JS 带来了类型能力，如今已被越来越多的大型前端项目选用。Typescript 的出现大大改善了开发体验，增强了代码的可维护性和稳定性。

关键词：异步函数、中间件。这是 Koa “优雅”“愉快”“轻量”的核心 通过 new Koa，我们先获得了一个 koa 实例 —— app。那么这个 app 是如何拼装的呢？ 在获得 app 后，我们可以立即 listen，就启动了个什么也不做的 Koa 了。 参数是透传下去的…

我们知道，HTTP 是无状态的。也就是说，HTTP 请求方和响应方间无法维护状态，都是一次性的，它不知道前后的请求都发生了什么。 但有的场景下，我们需要维护状态。最典型的，一个用户登陆微博，发布、关注、评论，都应是在登录后的用户状态下的。 那解决办法是什么呢？::标记::。 这…

大部分人对 MySQL、SQL 是有了解的，毕竟教科书里都写着。 MySQL 是一种典型的关系型数据库嘛，怎么叫关系呢？ 这里两个点：::二维行列表::（体现在个体表数据结构上）、::互相连接::（体现在表关系和库引擎特点上）。 既然关系型数据库是一个统一的标准，那只要各家都按…

react 提供基础的 hooks 函数，但在实际场景中，我们需要在基础函数上再封装。ahooks 在 hooks 开发的丰富度和标准化上都出类拔萃，我们可以向它学习 hooks 设计和开发技巧。 ::hooks 通常需要至多返回两种东西：「值 value」和「改变值的操作 a…

在《effect 范式下的组件状态和依赖》中，useState / useEffect 是被最多提及的。 那本文就从实现简单的 useState / useEffect 落脚，讨论下他们如何管理状态、驱动 render 的。 返回一个数组，包含最新状态和 set 状态的方法。 …

以前，一个 class component 是很「笨重」的，有丰富的生命周期。 但学习 hooks，就必须忘了这点。我们回到 react 设计的初心：视图 = render(状态)，render 做的事情就是这么简单。 视图 = render(状态)，这里的状态包括：props…

在Hooks为主的React项目中，会有大量的组件通过函数声明。多数情况下，我们不需要对函数组件的渲染进行特殊优化，即使有些重复渲染因不会对体验造成太大影响也被忽略了。 这里声明了一个函数组件，组件很简单，接受demoUrl props，并作为iframe的src渲染出来。如果…

也就是 C 的类型不能放在<>中，我们常见的放在<>中的是JSX.IntrinsicElements，参见react的index.d.ts。但这是个JSX标签的集合，用在这里虽然能绕过类型检查，但不合理。 用typeof React.Component。 在webpack4中s…

跨端，目的很明确，就是用一处代码开发，覆盖到 IOS、android、h5 的平台上，就能提高开发效率。如果这处开发对前端或者客户端开发人员学习成本低，就更好了。 历史的长河中，跨端经历了三波主流的方案。 在早期，对于交互要求不高的类似活动页这种需求，通常采用Hybrid开发。…

然后，webpack会继续进行一些压缩、包装的工作，成为一个 js bundle。上传到服务器。 在web开发中，框架代码是要和业务代码一起打包到bundle中的，根本原因是浏览器的环境我们无法定制，如果不带上框架代码，vue代码就跑不起来。 但在Weex中，有能力也必须在端上…

最近在做一个组件库的文档页（react + typescript），要把代码copy到剪贴板，内容直接从 state 中就能拿到。很简单的需求，没必要用 clipboard.js 这种库。 但在ts下是通不过类型检测的。

称h5+原生的开发模式为混合开发 ，采用混合模式开发的APP我们称之为混合应用或Hybrid APP ，如果一个应用的大多数功能都是H5实现的话，我们称其为Web APP。 H5：正常的前端web页面开发，生成的是DOM树，通过JsBridge提供的API调用系统功能。 JsB…