前端单测可以帮助我们保障产品质量，如何写出有效的单测，今天由一位美女同学分享她在编写 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 应用中实施可视化埋点的方案。

Being the first to build an App Clip in React Native that was going to be surfaced to millions of Shopify's Shop app users each day proved to be a challenging task.