
React
文章平均质量分 80
React:基础到进阶
工作所需,面试必备
Ryan_周
公众号《泽泽爱旅行》
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
2025年React最新高频面试题及核心考点解析,涵盖基础、进阶和新特性,助你高效备战
2024年React最新高频面试题及核心考点解析,涵盖基础、进阶和新特性,助你高效备战:原创 2025-04-11 15:27:27 · 1412 阅读 · 0 评论 -
第一节:React 基础篇-React虚拟DOM原理及Diff算法优化策略
必考点:虚拟DOM树对比(同级比较、Key的作用、组件类型判断)延伸:React 18中并发更新对Diff算法的影响原创 2025-04-11 16:46:15 · 946 阅读 · 0 评论 -
第二节:React 基础篇-受控组件 vs 非受控组件
场景题:设计一个实时搜索输入框,说明选择依据原创 2025-04-11 16:50:34 · 526 阅读 · 0 评论 -
第三节:React 基础篇-React组件通信方案
父子:Props / Callback兄弟:状态提升/Context复杂场景:Redux/Zustand + 新Hook useSyncExternalStore原创 2025-04-11 16:53:32 · 981 阅读 · 0 评论 -
第四节:React Hooks进阶篇-useEffect依赖项为空数组[]与不写的区别
陷阱题:闭包问题、Stale Closure举例原创 2025-04-12 23:16:52 · 441 阅读 · 0 评论 -
第五节:React Hooks进阶篇-如何用useMemo/useCallback优化性能
反模式:滥用导致的内存开销React 19编译器自动Memoization原理原创 2025-04-16 11:50:46 · 1635 阅读 · 0 评论 -
第七节:React HooksReact 18+新特性-并发模式(Concurrent Mode)解决了什么问题?
考点:可中断渲染、优先级调度、startTransition使用场景示例:搜索框输入防抖优化原创 2025-04-16 11:53:30 · 662 阅读 · 0 评论 -
第八节:React HooksReact 18+新特性-React Server Components (RSC) 工作原理
与SSR区别:零客户端JS、服务端数据直出搭配Next.js 14+使用场景原创 2025-04-16 11:56:12 · 934 阅读 · 0 评论 -
第六节:React Hooks进阶篇-自定义Hook设计
实战题:实现一个useWindowSize或useFetch原创 2025-04-17 09:50:56 · 777 阅读 · 0 评论 -
第九节:React HooksReact 18+新特性-React 19的use钩子如何简化异步操作?
对比:useEffect vs use处理Promise代码题:用use改写数据请求逻辑原创 2025-04-17 09:53:30 · 1232 阅读 · 0 评论 -
第十节:性能优化-如何排查组件不必要的重复渲染?
工具:React DevTools Profiler方法:memo、shouldComponentUpdate深度对比原创 2025-04-17 09:57:30 · 1000 阅读 · 0 评论 -
第十一节:性能优化-React.lazy + Suspense实现代码分割
错误边界(Error Boundary)集成方案流式渲染(Streaming SSR)优化白屏时间原创 2025-04-18 11:54:44 · 262 阅读 · 0 评论 -
第十二节:原理深挖-React Fiber架构核心思想
链表结构、时间切片(Time Slicing)优先级调度实现(如用户输入>网络请求)原创 2025-04-18 11:55:53 · 1045 阅读 · 0 评论 -
第十三节:原理深挖-JSX编译后的代码结构
React.createElement调用示例Babel插件对JSX的转换逻辑原创 2025-04-18 13:57:00 · 841 阅读 · 0 评论 -
第十四节:实战场景-何实现全局状态管理?
React.createElement调用示例Babel插件对JSX的转换逻辑原创 2025-04-18 14:05:46 · 1116 阅读 · 0 评论 -
第十五节:实战场景-React路由权限控制方案
动态路由(如Next.js)+ 高阶组件封装服务端鉴权与客户端路由守卫结合原创 2025-04-18 14:22:24 · 1060 阅读 · 0 评论 -
第十六节:高频开放题-React与Vue设计哲学差异
响应式原理(Proxy vs 虚拟DOM)组合式API vs Hooks原创 2025-04-20 08:51:57 · 943 阅读 · 0 评论 -
第十七节:高频开放题-React未来发展趋势
服务端组件(RSC)普及React Compiler对开发模式的影响原创 2025-04-20 08:53:27 · 802 阅读 · 0 评论 -
第十八节:代码手写题-实现一个简版useState
简版 `useState` 实现原理与代码解析原创 2025-04-20 08:54:11 · 320 阅读 · 0 评论 -
第十九节:代码手写题-Hooks实现Class组件的componentDidCatch
React 的 `componentDidCatch` 是 Class 组件中用于捕获子组件错误的核心生命周期方法。由于 Hooks 无法直接实现 Error Boundary 的功能,需通过 **自定义 Hooks + Class 组件混合模式** 来模拟。原创 2025-04-20 08:56:10 · 505 阅读 · 0 评论 -
第二十节:项目经验-描述一个React性能优化案例
指标:FCP/LCP提升数据工具:Lighthouse报告分析原创 2025-04-20 08:57:08 · 1006 阅读 · 0 评论 -
第二十一节:项目经验-如何设计高复用React组件库?
工程化:Monorepo + Storybook规范:PropTypes/TS类型、文档驱动原创 2025-04-20 08:58:47 · 1089 阅读 · 0 评论