面试官:谈一下React 的Fiber架构和Hooks

前端大学

共 1038字,需浏览 3分钟

 ·

2021-05-25 08:10

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

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

202386a10155521ad470d0dc443220ae.webp

↑上图来自《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 原理层面的问题。6d72e311bebcb28321b85ab2e1815d57.webp面试官为什么要问这些问题?我会写业务不就行了?【会用React】和【会用React且懂原理的人,战斗力是不一样的。

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

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

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

如何真正理解 React 原理?

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

不过React源码量级很大,本身有很大的难度,很多人都因此被劝退。这里给大家推荐一个非常棒的React源码资料包前京东资深前端工程师高老师带你手写 mini-react,深入解读React源码,你将能收获以下知识及能力:

0b2a124374d5c8ce60eb45e55948b725.webp

现在只需0元,就可以获得《深度剖析React源码》资料包,手写mini-react,搞定大厂面试

立刻扫码,0元获取

852d97a84f02875cc8734067cb41254d.webp
33e29df5178726dcf5af2cf86bcc6c27.webp

资料内容


6a6604b0416dd75e9e6b58af22a83fb6.webp


33e29df5178726dcf5af2cf86bcc6c27.webp

讲师介绍


696323d92493cd5744b4a03a334110fe.webp


33e29df5178726dcf5af2cf86bcc6c27.webp

视频资料截图


617cb1766ae3ac6a5442244d6f7b4327.webp

立刻扫码,0元获取

《深度剖析React源码》资料包

852d97a84f02875cc8734067cb41254d.webp

手写mini-react,搞定大厂面试

浏览 56
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报