奇舞週刊第 461 期 從根上理解 React Hooks 的閉包陷阱

語言: CN / TW / HK

記得點選文章末尾的“ 閱讀原文 ”檢視喲~

下面先一起看下本期週刊 摘要 吧~

齊舞推薦

  從根上理解 React Hooks 的閉包陷阱

現在開發 React 元件基本都是用 hooks 了,hooks 很方便,但一不注意也會遇到閉包陷阱的坑。

  Vite 約定式路由的最佳實踐

Next.js 想必大家不陌生吧,其中最為熟知的就是約定式路由 (基於檔案系統)。本文基於 Vite 巧妙地實現這一項省心的功能。

  漫談前端工程化基建和架構設計

如何打造一個順滑的工程化流程,為研發效率不斷助力?如何建設一個穩定可靠的基礎設施,為業務產出保駕護航?對於這些問題,本文詳解了作者在多年的工作中反覆思考、不斷實踐的一些經驗和感悟。

技術實踐

  不需要 JS!僅用 CSS 也能達到監聽頁面滾動的效果!

一般情況下,使用 JS 監聽滾動事件動態新增類名就可以實現,不過這種效果僅僅使用 CSS 也能輕易實現。那如何實現的呢,花兩分鐘時間看看吧~

  從零開始實現一個簡單的低程式碼編輯器

低程式碼編輯器作為一種能夠極大地提升開發效率的 PaaS 軟體,近些年來一直收到各大公司以及各路投資方的追捧。而對於我們前端開發者來說,編輯器也是為數不多的擁有較深前端技術深度的開發場景。

  Hooks 時代,如何寫出高質量的 react 和 vue 元件?

現在的前端專案還有一個較為常見的誤區,那就是全域性狀態管理庫 (即 redux、vuex 等) 的濫用。依據抽象層級的思維,實際上很多專案並不需要放較多的狀態到全域性,這種情況利用 react 和 vue 自身的狀態管理就足夠了

拓展邊界

  你不知道的 HTTP Referer

HTTP 中 Referer 欄位在工作中或許並不會吸引你的注意,隱藏在 Network 的請求之下,但是卻有著非常重要的作用。

  TypeScript 遭庫開發者嫌棄:型別簡直是萬惡之源

這篇部落格釋出後,隨即引發了贊同者和反對者的激烈討論,其中,反對者主要認為文中的幾點理由只能作為開發人員的意見,而且並沒有提供證明實質性問題的具體例子。

  在 Vue3 中實現 React 原生 Hooks,深入理解 React Hooks

希望本文可以給你不一樣的角度去理解 React Hooks 的本質原理,也只有理解了 React Hooks 實現的本質原理,才可以在 Vue3 的函式式元件上實現跟 React Hooks 一樣的 Hooks 函式,例如:useState、useReducer、useEffect、useLayoutEffect 等。

關於奇舞團

奇舞團是 360 集團最大的大前端團隊,代表集團參與 W3C 和 ECMA 會員(TC39)工作。奇舞團非常重視人才培養,有工程師、講師、翻譯官、業務介面人、團隊 Leader 等多種發展方向供員工選擇,並輔以提供相應的技術力、專業力、通用力、領導力等培訓課程。奇舞團以開放和求賢的心態歡迎各種優秀人才關注和加入奇舞團。