React面试必问Fiber和Hooks,一次解决

脑洞前端

共 1132字,需浏览 3分钟

 ·

2021-05-20 14:58

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

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

↑上图来自《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,不理解原理,那上面的问题你很难解决。

如何真正理解 React 原理?


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


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



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

立刻扫码,0元获取



资料内容





讲师介绍



视频资料截图



立刻扫码,0元获取

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



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

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

分享
举报