如何考察候選人的react技術水平?

時間 2021-05-11 17:10:23

1樓:王司徒

手寫 redux

手寫 react-router

手寫 react

手寫 jsx parser(能手寫 babel 的最好)用以上手寫的庫再手寫乙個 Gmail

都能手寫出來就可以通過,只要有乙個寫不出來, pass

2樓:「已登出」

1. 擼乙個 boilerplate 讓我們可以通過 findComponentByDom 埋點

2. 實現乙個簡單的 event pool

如果上面兩個太偏我們可以問一些關於 enzyme + jsdom 的業務問題(眼神死)

3樓:

我覺得重要的不是 React 怎麼怎麼用,而且你覺得為什麼要用 React ,用什麼方法解決了什麼問題。為什麼會用這樣的方法

4樓:方應杭

難道不是

看他有沒有做過 React 專案(沒有專案就拜拜)深入專案提問,問到他回答不上來為止。

然後你就知道他對 React 的了解程度了。

其他樓層的答案是不是太先入為主了?

5樓:柳丁Jason Chen

初級前端開發工程師:

1、了解react麼?了解jsx語法麼?

2、了解react的元件系統麼?知道元件的生命週期麼?明白鉤子的思想麼?

中級前端開發工程師:

1、react元件系統有什麼特點?在實際開發中,有沒有自己封裝過一些常用的元件。

2、了解virtual dom的原理 , 能不能手寫乙個virtual dom功能?

3、了解幾種react的狀態管理方法?(flux/redux/moxb)了解他們之間的區別麼?用過那一種?

高階前端開發工程師:

1、使用react開發帶給你哪些開發模式上的變化?

2、react元件中,資料如何在子父/兄弟節點中傳輸?

3、對於react通用元件設計中,如何設計能增加元件的通用性和靈活性?

4、基於react開發的專案,怎麼做效能優化?用過light house嗎?(怎麼避免大量的dom渲染)

5、明白redux的工作原理麼?能不能手寫乙個簡單的redux

6、如何做react的工程化和自動化測試?

資深前端開發工程師:

1、如何根據業務邏輯合理構建應用資料結構,進而定製狀態機制

2、如何在react專案工中,合理分配lib資源?

3、抽象實際的業務模型,組織協調團隊成員,構建自己公司的react元件庫,或者開源專案,並定期維護,加強文件制定。

6樓:Frank1e

可能基礎理論一點。

1:闡述一下react執行機制,setState機制,diff機制2:React components,Element ,instances到底分別指的是什麼,區別

3:reconcilition是什麼,以及它的動機。

4:解釋一下未來react fiber是做了什麼,以及有什麼提公升

7樓:程墨Morgan

React的知識點很多,單純只是問答,可能要問的東西很多,所以,我只會問兩個問題。

1. 介紹一下你用React做過的東西,為什麼當時那麼設計?

2. 不廢話了,來用React寫code實現乙個元件吧,比如Counter或者Todo。

8樓:

熱身:1. 怎麼理解 react 傳達元件的概念,react 是 view 麼,怎麼看 state 的設計

2. 兄弟元件的狀態怎麼互傳,有哪些方法

3. state 的設計為什麼是非同步的,同步設計有沒有問題

4. ssr 會有什麼效能問題,哪些會引起記憶體洩露,引入 redux 後怎麼處理請求的邏輯

正式:1. 怎麼抽象乙個帶搜尋,單多選復合,有請求的 Selector,區分 smart 和 dumped。如果我再往上加功能,比如 autocomplete 等

2. 怎麼實現對表單的抽象,資料驗證怎麼統一處理

3. 用 react 來實現乙個視覺化編輯器的引擎,怎麼設計,怎麼抽象與 model 的互動,再引入 redux 呢,怎麼支援第三方元件熱插拔

4. 用 react 和 redux 模擬多人協作的 Todo,node 作為後端,怎麼設計

隨便想了一些,我不會特別關注庫的使用,候選人很精通 angular 和 vue 也很好啊,重點考察對元件的理解,分層,怎麼去耦合,MVVM/MVI 現實等。只對 react 用法很熟,那是真碼農了。工程師一定能一通百通

9樓:AirCloud

雖然我不是三年以上的前端工程師,也不知該問什麼問題。

但是樓上的某些回答裡面的問題我這個沒入職的工程師都能答上來,問三年以上的工程師感覺不合適吧。

以下為胡扯部分:

個人認為應該抽離出框架的實際使用,問某乙個方向的深入問題,比如react效能優化,肯定是要深入原始碼和網路的,甚至瀏覽器核心。

或者問一些橫向內容。

10樓:peanut

簡單一點:生命週期函式,單向資料流,state和props區別在深入一點:vdom的實現以及react diff演算法的優化,setstate的機制,react事件機制原理,高階元件有哪幾種,以及不同的場景,

react周邊生態:redux的原理,處理非同步action的方案,中介軟體的實踐,store的設計,

react-router:router如何實現ui與url的同步,宣告式路由與命令式路由的優劣

打包構建工具的使用與編寫

服務端渲染

11樓:周左左

喂喂,prop state,父子通訊,生命週期之類的usage就不要拿出來問啦。這些看一眼文件就全部知道了。

高階一些:

vdom實現

高階元件

redux immutuable等周邊生態server render

jsx本質

優化手段

按需載入實現未完。

12樓:

為啥不能用this.state.foo = 123 來更新,兄弟元件的幾種資料互動方式,

GraphQL應用場景,

什麼叫純函式,純元件,為什麼這麼設計,

如何合理設計store

個人見解,畢竟我是工作經驗為-1個月的前端

如何考察候選人 Vue 技術水平?

熊貓大俠 滕泰科技面試分享之 vue簡介 簡介編輯 Vue.js是一套構建使用者介面的漸進式框架。與其他重量級框架不同的是,Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注檢視層,並且非常容易學習,非常容易與其它庫或已有專案整合。另一方面,Vue 完全有能力驅動採用單檔案元件和Vue生態系...

如何考察乙個候選人的前端資料視覺化水平

dxqing 上面的幾位講了具體框架相關的知識,作為 AntV 的乙個開發者,我從資料視覺化本身和資料視覺化的技術架構層面來講一下這個領域需要哪些人。視覺化是乙個交叉學科,資料視覺化的定義不同的人有不同的認知但是最精簡的乙個定義 資料視覺化是一門藝術 工程和資料結合的交叉學科,資料視覺化主要解決人們...

如何看待 DNC 候選人 Ossoff 花了5倍於對手的競選資金也沒贏得喬治亞6區眾議院補選?

Alice Li Way back home Holy sh t we won the f cking Senate.Ossoff顏值太高了,圖就不貼了。下回不要讓一位位幕後女性 YLS的某位拜謝 成就這樣的壯舉了,哈哈哈哈哈哈哈哈哈哈哈哈哈哈。 我來自2018年。今年的幾次選舉,包括喬治亞第6選區...