Skip to main content

6 docs tagged with "React"

View All Tags

React Router

React Router v6 全梳理。覆盖 SPA 路由原理(History API 与 Hash 路由)、Router 组件家族(BrowserRouter/HashRouter/MemoryRouter 与内部 state 管理)、Routes/Route 匹配机制(嵌套路由与 Outlet)、导航 API(Link/NavLink/useNavigate)、5 大常用 Hooks(useLocation/useParams/useSearchParams/useMatch/useBlocker)、路由守卫与跳转拦截的完整实现、React.lazy + Suspense 懒加载方案。

Redux

以下源码参考自 Redux v5.0,为方便阅读去除了其中的 ts 代码

useEffect

React useEffect 与 useLayoutEffect 源码全梳理。覆盖 effect 节点数据结构、render 阶段的收集(mount / update 两路径 + pushEffect 循环链表)、completeUnitOfWork 构建 effectList、commit 阶段的 useEffect 异步调度(scheduleCallback 延后到 paint 后)与 useLayoutEffect 同步执行(mutation / layout 阶段),以及二者使用场景的取舍。

useState

React useState Hook 源码全梳理。覆盖 Fiber 架构下函数组件状态保存机制、renderWithHooks 调度、Dispatcher 状态机切换、mount/update 两个阶段的核心调用栈(mountState / updateReducer / dispatchAction)、Update 循环链表、闭包陷阱的底层原因、连续 setState 批处理与 ObjectIs 短路优化,以及为什么 hooks 必须在函数最外层调用。

技术选型

前端技术选型总览:选型清单、考虑维度、框架/渲染模式/构建工具/状态管理/UI 库/微前端等核心选型维度的方法论