React大厂面试通关指南.pdf

Posted 2021-10-04 前端开发博客

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了React大厂面试通关指南.pdf相关的知识，希望对你有一定的参考价值。

国内的前端领域，Vue 和 React 是最火的两个框架，要说岗位数量，Vue可能会更多一点。

但如果把公司范围缩小到互联网大厂，或者把范围扩展到全球，那React无疑独占鳌头。

2019年JavaScript现状调查报告出炉

↑上图来自《2019年度javascript现状调查报告》↑

可以说，如果你想进大厂，必须搞定 React，并且是从原理层面搞定 React。以下是我从阿里，字节，滴滴等大厂面经中摘取的React相关面试题：

React 的 diff 算法工作过程

React 中的 setState 是同步还是异步

React、Vue /Angular 的区别?（会根据你简历中写的技术栈来）

React 中各种组件复用的优劣势（mixin、render props、hoc、hook）

React 的 Fiber 架构

React 性能优化

React hooks 相关问题

React新的生命周期，为什么 getDrivedStatefromProps 是静态的？

可以很清楚地看到，以上大部分问题都是React 原理层面的问题。

面试官为什么要问这些问题？我会写业务不就行了？

【会用React】和【会用React且懂原理】的人，战斗力是不一样的。

随着业务复杂度的上升，你在开发中会遇到各种各样的问题，比如虽然没有出现bug，但是项目性能很差，这时候你会如何分析调整？

再举个例子，React 路由有3种渲染方式——render，children，component，到底用哪一个？用任何一个都可以吗？对项目来说哪个是最优的？

如果日常工作中只是调用API，不理解原理，那上面的问题你很难解决。

另外，大家应该看到React18 alpha版本发布的消息了，这次升级变化非常大，比如自动批量处理，支持Concurrent模式，带来新的API等。尽管官方博客说“你无需重写代码即可直接使用 React 18，且可以根据自己的节奏和需要来尝试新特性”，但如果你想更加得心应手地使用React18，那也需要深入理解React的底层原理。

如何真正理解 React 原理？

阅读 React 源码是最直接有效的方式。

通过阅读源码，你不仅能在日常工作和面试中受益，还能从中吸收优秀的解决问题的思路以及培养“造轮子”的能力，还会学习到怎么写出规范又好维护的代码。

不过React源码量级很大，本身有很大的难度，很多人都因此被劝退。这里给大家推荐一个非常棒的React源码课程，前京东资深前端工程师高老师，用3天时间，带你手写 mini-react，深入解读React源码，你将会学习和提升以下知识及能力：