响应式、模版克隆、Proxy 代理。。。JavaScript 框架工作原理你还了解多少?

2023-12-07
阅读 12 分钟
730
我的日常工作是开发 JavaScript 框架 (LWC)。虽然我已经在这个框架上工作了近三年,但我仍然觉得自己是个门外汉。当我阅读大型框架领域的最新动态时,我常常会被自己不知道的事情压得喘不过气来。
封面图

如何使用 React 和 Monaco Editor 实现 Web 版 VSCode?

2022-11-24
阅读 9 分钟
7.3k
本项目是 React 基于 Monaco Editor 实现的 Web VSCode Demo,它的主要功能是允许在浏览器中编写 TypeScript/JavaScript 并直接运行,除此之外,它还包含如下功能:

React 50 种状态类型

2021-12-15
阅读 8 分钟
3.1k
React 是一个视图层框架,其核心思想是 UI = f(state),即「UI 是 state 的投影」,state 自上而下流动,整个 React 组件树由 state 驱动。当一个 React 应用程序足够复杂,组件嵌套足够深时,组件树中的状态流动会变得难以控制(例如你如何跟踪父节点的 state 流动到叶子节点时产生的变化)。这时我们就需要对 state 进...

56 个 NPM 包解决 16 个 React 问题

2021-08-25
阅读 14 分钟
11.2k
关于如何选择完美的 npm 包的深入指南。React 是用于构建用户界面的 JavaScript 库,它不仅是一个前端 UI 开发框架,更是一套完整的前端开发生态体系。虽然 React 没有包含所有的解决方案,但是我们可以从繁荣的生态系统中找到应对不同场景的 NPM 包,来解决开发中遇到的问题。今天,我们就从以下 16 个纬度着手,寻找最...

代码简洁之道:编写干净的 React Components & JSX

2020-07-20
阅读 10 分钟
5.1k
不同团队编写出来的 React 代码也不尽相同,水平各有高低,就像十个读者就有十种哈姆雷特,但是以下八点可能是你编写 React 代码的基本准则。

性能优化小册 - React 搜索优化:防抖、缓存、LRU

2020-06-09
阅读 4 分钟
4.6k
最近要对 react 项目做重构优化等相关的工作,由于有好长时间没碰 React 了,今天索性把一个基于关键字搜索的 demo 做一下简单优化,在此记录以下。