背景介绍
React 以结构灵活、可扩展性和响应能力和丰富的 JavaScript 库等优势为中大型企业的理想选择, Facebook、Netflix、微软等众多硅谷知名企业以及国内诸如腾讯、蚂蚁金服、京东、美团等大型互联网公司都是 React.js 的拥趸者。
对于前端开发者来说, React 是大厂面试中的加分项,也是高频踩坑点。盲目地刷题和碎片化学习难以奏效,甚至很多中高级前端开发明明技术能力很好,面试却常在 React 上踩坑。
你会学到什么?
专栏按照React 核心考点分为 6 大模块,20 讲,以大厂面试真题为核心,通过“分析题干”->“构建知识导图”->“横向技术对比与纵向原理解析”->“解题思路”的流程逐步梳理 React 学习要点。
模块一 组件基础:从经典面试问题入手带你梳理组件的设计原理与思路,帮助你掌握分析和解决问题的技巧。
模块二 状态管理:状态管理往往涉及中大型或平台级前端项目,该模块列举了三个高频面试问题,分别在考察面试者对状态的理解、运用与工程化实践。只有掌握了这个模块的内容,你才可以在面试中展现出优秀的架构及工程化能力。
模块三 渲染流程:该模块可以加强你对 React 工作模式的理解程度。同时,理解渲染流程也是做出正确的性能优化的必要条件。
模块四 性能优化:性能优化是中高级职位的必备能力,也是面试中的高频踩坑点。如何调研性能瓶颈?如何避免重复渲染?如何提升 React 代码可维护性?专栏将会从工程化的角度教你如何应对面试官的层层逼问。
模块五 React Hooks:Hooks 作为一项新技术,已然成为社区和面试的热点。 本模块为你解析 Hooks 的原理,API 的区别及最佳的设计模式。帮助你快速胜任组件模式向 Hooks 转移的工作,赢得面试加分项。
模块六 React 生态:本模块讲解面试必考的 React-Router 及常用的工具库,带你探索 React 生态圈,更高效地选择和运用社群已有工具,这些工具经过了时间和大型项目验证,对将来的工作与学习都有着良好的参考作用。
彩蛋部分,将为大家带来一些简历编写的可参考性的建议,教你如何写一份符合大厂招人需求的简历。
课程目录
模块一 组件基础
01 | 你真的了解 React 吗?
02 | 为什么 React 要用 JSX?
03 | 如何避免生命周期中的坑?
04 | 类组件与函数组件有什么区别呢?
05 | 如何设计 React 组件?
模块二 状态管理
06 | setState 是同步更新还是异步更新?
07 | 如何面向组件跨层级通信?
08 | 列举一种你了解的 React 状态管理框架
模块三 渲染流程
09 | Virtual DOM 的工作原理是什么?
10 | 与其他框架相比,React 的 diff 算法有何不同?
11 | 如何解释 React 的渲染流程?
12 |React 的渲染异常会造成什么后果?
模块四 性能优化
13 | 如何分析和调优性能瓶颈?
14 | 如何避免重复渲染?
15 | 如何提升 React 代码可维护性?
模块五 React Hooks
16 | React Hook 的使用限制有哪些?
17 | useEffect 与 useLayoutEffect 区别在哪里?
18 | 谈谈 React Hook 的设计模式
模块六 React 生态
19 | React-Router 的实现原理及工作方式分别是什么?
20 | React 中你常用的工具库有哪些?
彩蛋
彩蛋 | 如何写一份大厂 HR 满意的简历?
结束语
结束语 | 沉淀知识体系,精进个人成长
作者介绍
伯约,一线大厂资深前端工程师
擅长企业级前端应用架构与性能治理,具有丰富的一线大厂前端实战经验,曾推动并主导大厂事业部级的前端基建服务建设,支撑着多个 BU 的前端中台技术开发,实现了线上业务从全量手写代码到低代码、甚至零代码的转变,大大节约了开发人力。
同时,伯约老师还负责团队面试把关及人才梯队建设工作,熟知大厂选人规则,拥有丰富的面试经验。