本文从实现「计数器」这个经典场景出发，逐步分析 Hooks时代下，React 状态管理方案的演进过程和背后的实现原理。

前端单测可以帮助我们保障产品质量，如何写出有效的单测，今天由一位美女同学分享她在编写 TDesign 组件库单元测试时总结的实践经验～

介绍hooks的设计初衷，对比class写法作简要介绍和总结。

react18的主要更新为：开箱即用的用户良好体验，使开发者可以快速上手，即开即用。并发加载功能，更快的打开网页，并且更新状态可以达到批处理，减少每次状态更新的重复渲染。

hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。

Luna 是一款 RN 应用内调试工具，用于解决生产环境调试的痛点。

CI 的意思是 持续构建 。

负责拉取代码库中的代码后，执行用户预置定义好的操作脚本，通过一系列编译操作构建出一个 制品 ，并将制品推送至到制品库里面。常用工具有 Gitlab CI，Github CI，Jenkins 等。这个环节不参与部署，只负责构建代码，然后保存构建物。构建物被称为 制品，保存制品的地方被称为 制品库。

CD 则有2层含义：持续部署（Continuous Deployment） 和 持续交付（Continuous Delivery） 。

持续交付 的概念是：将制品库的制品拿出后，部署在测试环境 / 交付给客户提前测试。持续部署 则是将制品部署在生产环境。

最近有个需求，一个页面上要渲染50个或者100个图表，把功能实现后，页面太卡了。之前用过虚拟渲染能解决此类的问题，但用的都是别人写好的库，想了想，自己实现也并不复杂，于是决定自己实现一下。

本文通过对比react15与react16，帮助读者更好的理解React 16基于时间分片的任务调度方式，对于提升用户体验来说其显著优势在哪里，以及该方式是怎么实现的。

用react开发的过程中，我们常常写好多事件，onClick这个事件是非常常用的，onClick这个不同于dom事件的绑定方式的写法，却又能达到我们想要的交互，那你知道react内部是怎么处理的吗？它特殊的事件机制是什么？又是怎么工作的呢？

最近投入了一个需求，遇到一个需要用动画去实现的场景。我们的产品大大管它叫氛围气泡，在很多应用（淘宝、抖音、bilibili）的直播间场景都会有类似这样营造氛围感的组件，能够让你感知到其他用户在当前直播间的行为。

React16 架构分为三层，Scheduler用来调度任务，Reconciler找出变化的组件后将它们交给Renderer，由Renderer将其渲染到页面上。本文将从源码角度聊一聊 render 阶段和 commit 阶段的工作流程。

Canvas动画，从DOM到React。

对于函数组件的 re-render，大致分为三种情况。本文将详细介绍这三种情况的原理与优化。

With the recent update to Rust, it is time to relook at using Rust and React together. I have a new found love for Rust and everything it can do as a language. One of its more impressive features is its ability to write WebAssembly(Wasm) without much overhead. I have explored how to use Rust to write Wasm before (Blog post coming soon!). But I wanted to see how easy it would be to integrate it into a standard React workflow.

本文介绍了一套在 React Native 应用中实施可视化埋点的方案。