MonchLee

Weekly 第 004 期：CSS Wrapped 2023、Safari 17.2、Netlify 2023 调查报告、Oxlint、Antd Mini...

Weekly 第 003 期：RN 0.73、VSCode November 2023、StyleX 开源、Astro 4.0、Bento box 设计、TinyLD...

Weekly 第 002 期：Biome wins $20k、XState 5、Astro 4、编程语言发展史、10s 生成 LOGO...

FE News Weekly 第 001 期：字节 Rsbuild 0.1、清华大学未来十大变革科技榜单、ISUX 设计趋势速递、TypeScript 5.3...

如何在 React Hooks 中更优雅地更新复杂的状态数据，如何处理嵌套对象（Nested Object），浅拷贝还是自动合并？响应式还是不可变状态？useImmer 还...

2023 年的一个早晨，你刚到公司座位坐下，PM 扔给了你一个需求，需要编写一个 React 应用，从接口获取一个列表的数据并渲染到页面。身经百战的你打开 Visual S...

随着 2019 年 2 月 React 稳定版 hooks 在 16.8 版本发布，涌现了越来越多的 “hooks 时代” 的状态管理库（如 zustand、jotai、r...

前面我们介绍了 React架构，为了实现可中断的异步更新，v16 使用 Fiber 作为核心架构进行了重构， 接下来我们将深入 Fiber 树的构建，正式开始之前，我们先回...

从 React设计理念 和 React架构 中我们知道，在 v15 版本 Reconciler 采用递归的方式更新虚拟 DOM，这会导致什么问题呢？ 由于递归过程是不能中断...

React 的设计理念，可以简单概括为快速响应。 快速响应的关键是解决 CPU 和 IO 的瓶颈，实现上需要将同步的更新变为可中断的异步更新。 这对应了 React 架构的...

React 的设计理念是什么？ 有哪些因素可以制约网页的快速响应？ 什么是 CPU 的瓶颈？ 什么是 IO 瓶颈？ 什么是掉帧？ React 如何将人机交互研究的结果整合到...

堆（Heap） 是一种特殊的树，广泛应用于排序，搜索，优先级队列，求中位数等场景，如何在包含 10 亿个搜索关键词的日志文件中，快速获取到热门榜 Top 10 的搜索关键词...

你是否对 JavaScript 中的执行上下文、词法环境、变量环境，变量对象、活动对象、作用域链、闭包、提升、this，执行栈等概念有很多困惑，或者了解其中的一些但总觉得一...

“从输入 URL 到页面展示” 是一个极其复杂的过程。 要完整地解释这一过程，你需要了解浏览器的多进程架构，网际协议(Internet Protocol，IP)，数据包协议...

目前世界上使用率最高的浏览器是 Chrome，它的核心是 Chromium（Chrome 的开发实验版），微软的 Edge 以及国内的大部分主流浏览器，都是基于 Chrom...