背景 在我们开发前端需求时，会遇到多个组件内部状态同步的问题，这些组件往往在 DOM 结构上相距甚远。以网页中常见的“换肤功能”为例，ThemeSwitch 组件在更改内部主题色状态 color 时，

一、背景 开发一个答题页面，有答题页和结果页，两个页面分别是两张不同的背景图。用户在答题页答题结束后，答题页切换到结果页。在切换的过程中，背景图闪了一下，用户体验比较差。 二、原因 背景图闪的根本原因

本文基于taro 2.0.3版本，介绍taro工具从类react语法到小程序(微信小程序、头条小程序)的编译流程。

另外可以发现并不是一个 token 对应一个 Node，等号左右必须都有值才能组成一个声明语句，否则会作出警告，这就是 eslint 的基本原理。最后所有的 Node 组合在一起就形成了 AST 语法树 通过 @babel/traverse 我们能够轻松的找到 await 表达…

前言 本次React源码参考版本为17.0.3。 React架构前世今生 查阅文档了解到， React@16.x是个分水岭。 React@15及之前 在16之前，React架构大致可以分为两层： Re

开发组件的过程中，我们需要对开发的组件进行测试。但是仅仅在 开发环境 / 文档环境 中进行测试，并不能完全覆盖我们在业务开发中的使用场景。因此，我们就需要对 build 后的产物进行测试。 这里总结了 3 种方案，聊聊各自的特点。 这种方案就是我们的日常使用最直接的场景，但是缺…

小知识，大挑战！本文正在参与“程序员必备小知识”创作活动 通过taro指令创建一个基础项目，因为第三方的UI库和taro项目目录结构基本保持一致 创建完成项目之后便需要进行改造 创建src/compo

本片主要介绍了如何搭建一个Taro的组件库，该组件是基于 Taro 框架开发的多端 React UI 组件库、目前支持 H5 和 小程序。 背景 现状 随着我们当前业务的扩展和丰富，移动端的项目比较侧

前言 经过一段时间 React 的学习，正值春招来临，发现现在需要一个小小的项目来让自己对所学的知识做个总结与应用。正所谓百学不如一练，实战出真理👀。 项目简介 技术栈：React Hooks + R