Ron_Tech

在 Next.js 项目中，文件夹结构和代码组织遵循一定的约定和最佳实践。以下是常见的规范及代码存放位置的总结。

`reflect-metadata` 的核心目标是为 JavaScript/TypeScript 提供元数据存储和反射能力。本文记录 **Reflect-metadata 实现原理**。

TypeScript 中编写复杂类型运算的原理，也就是常说的类型体操。刷了大量的体操类型题后发现规律就是：递归处理字符串、递归处理数组、递归处理对象。复习起来~

在 React + TypeScript 开发中，理解以下核心类型对编写类型安全的组件非常重要。代码不带红~

面试题：React 设计实现一个支持动态插槽的Layout组件。思路：提供一个 Context，维护插槽中注册的内容，并将其渲染到对应的位置。

React Hooks 中涉及到组件状态维护的 Hooks 包括 useState、useReducer。useState 是 useReducer 的简单语法糖。以下是源码和更新渲染调用链路分析

在React 函数组件中，每次渲染都会创建一个新的作用域，闭包会捕获当前作用域下的变量（包括 state）。当组件更新时，新的渲染会生成新的作用域和闭包，但旧的闭包导致事件回调函数拿到旧值引发逻辑错误

React 自定义 Hook 通过 闭包作用域 和 React Hooks 的调用规则 实现状态逻辑隔离。

在 React 中，Function Component 没有传统的生命周期方法，而是通过 Hooks 模拟和替代了 Class 组件的生命周期逻辑。