刘广永

最近致力于研究 Web components（以下简称WCs），今天想回过头来重新审视一下 WCs。WCs 到底是什么？

超详细React Hydrate过程讲解，hydrate过程中如何复用已有的dom实例，并关联对应的fiber节点，事件如何绑定等

本篇文章解读了react源码中的render阶段和commit阶段的内容。读懂本篇文章可以帮助更加深入理解react源码。

喜欢户外运动的朋友一般都应该使用过运动APP(keep, 咕咚，悦跑圈，国外的Strava等)的一项功能，就是运动轨迹视频分享，分享到朋友圈或是运动群的圈子里。笔者本身平常也是喜欢户外跑、骑行、爬山等

一、Zustand 状态库简介 Zustand 是一个轻量级、简洁且强大的 React 状态管理库，旨在为您的 React 项目提供更简单、更灵活的状态管理方式。与其他流行的状态管理库（如 Redux

H5的加载性能对用户的留存和体验非常重要，如何秉着做到“极致”的愿景推进H5的秒开优化，本文先后从加载策略优化、资源大小优化、APP协同优化等方面讲解了我们再推进H5加载性能优化的实践。

如何通过和 APP 的配合大幅提升 H5 页面的首屏加载速度，如何构建一套秒开系统，让 H5 拥有类似小程序的性能体验。通过接口预请求让APP打开H5的同时并行请求数据，消灭H5请求数据的耗时。

浏览器渲染过程 HTML解析器： 解析 HTML 文档，将各个 HTML 元素逐个转化成 DOM 节点，从而生成 DOM 树。 CSS解析器： 将 CSS 转化为对象，将这些 CSS 对象组装起来，构

Taro 是一款多端开发框架。开发者只需编写一份代码，即可生成各小程序端、H5 以及 React Native 的应用。 过去的 Taro 1 与 Taro 2 只能使用 React 语法进行开发，但下一代的 Taro 框架对整体架构进行了升级，支持使用 React、Vue、N…