课程介绍

背景介绍

React 以结构灵活、可扩展性和响应能力和丰富的 JavaScript 库等优势为中大型企业的理想选择， Facebook、Netflix、微软等众多硅谷知名企业以及国内诸如腾讯、蚂蚁金服、京东、美团等大型互联网公司都是 React.js 的拥趸者

对于前端开发者来说， React 是大厂面试中的加分项，也是高频踩坑点。盲目地刷题和碎片化学习难以奏效，甚至很多中高级前端开发明明技术能力很好，面试却常在 React 上踩坑

专栏解读

专栏按照React 核心考点分为 6 大模块，20 讲，以大厂面试真题为核心，通过“分析题干”->“构建知识导图”->“横向技术对比与纵向原理解析”->“解题思路”的流程逐步梳理 React 学习要点

模块一 组件基础：从经典面试问题入手带你梳理组件的设计原理与思路，帮助你掌握分析和解决问题的技巧

模块二 状态管理：状态管理往往涉及中大型或平台级前端项目，该模块列举了三个高频面试问题，分别在考察面试者对状态的理解、运用与工程化实践。只有掌握了这个模块的内容，你才可以在面试中展现出优秀的架构及工程化能力

模块三 渲染流程：该模块可以加强你对 React 工作模式的理解程度。同时，理解渲染流程也是做出正确的性能优化的必要条件

模块四 性能优化：性能优化是中高级职位的必备能力，也是面试中的高频踩坑点。如何调研性能瓶颈？如何避免重复渲染？如何提升 React 代码可维护性？专栏将会从工程化的角度教你如何应对面试官的层层逼问

模块五 React Hooks：Hooks 作为一项新技术，已然成为社区和面试的热点。 本模块为你解析 Hooks 的原理，API 的区别及最佳的设计模式。帮助你快速胜任组件模式向 Hooks 转移的工作，赢得面试加分项

模块六 React 生态：本模块讲解面试必考的 React-Router 及常用的工具库，带你探索 React 生态圈，更高效地选择和运用社群已有工具，这些工具经过了时间和大型项目验证，对将来的工作与学习都有着良好的参考作用

彩蛋部分，将为大家带来一些简历编写的可参考性的建议，教你如何写一份符合大厂招人需求的简历

讲师简介

伯约 一线大厂资深前端工程师

擅长企业级前端应用架构与性能治理，具有丰富的一线大厂前端实战经验，曾推动并主导大厂事业部级的前端基建服务建设，支撑着多个 BU 的前端中台技术开发，实现了线上业务从全量手写代码到低代码、甚至零代码的转变，大大节约了开发人力

同时，伯约老师还负责团队面试把关及人才梯队建设工作，熟知大厂选人规则，拥有丰富的面试经验

课程目录

• 订阅须知
• 1.本专栏共 20 讲，已全部更新；
• 2.支持 视频+音频+图文 3 种阅读形式；
• 3.购买后可在拉勾教育 App/PC 永久观看课程；
• 4.视频课程为虚拟商品，一旦售出不可申请退款；
• 5.本课程版权归拉勾所有，严禁翻录，违者必究；
• 6.如有问题请咨询客服同学，召唤客服>>>
• 目录 /共23节
• 开篇词
• 开篇词 | 如何拿下大厂前端面试
• 模块一 组件基础
• 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 满意的简历？
• 结束语
• 结束语 | 沉淀知识体系，精进个人成长