可能是你見過最好的 React Hooks 庫

2021-10-09 16:11:14 字數 1372 閱讀 1696

ahooks[1] 是由螞蟻 umi 團隊、淘系 ice 團隊以及阿里體育團隊共同建設的 react hooks 工具庫。ahooks 基於 react hooks 的邏輯封裝能力,提供了大量常見好用的 hooks,可以極大降低**複雜度,提公升開發效率。

ahooks 致力成為和 antd/fusion 一樣的 react 基礎設施,幫助開發者在邏輯層面省去大量的重複工作。

我們希望有個機會能徹底解決這兩個心病。

隨著 react hooks 的發展,各個團隊都開始嘗試使用 hooks 代替 class,hooks 正逐漸成為 react 元件的主流寫法。得益於 hooks 的邏輯封裝能力,我們可以將常見的邏輯封裝起來,以減少**複雜度。或者使用社群上別人封裝的 hooks,比如 react-use[5] 等。

當然出於種種原因,很多團隊希望建設自己的 hooks 庫。但在建設過程中,能發現各個 hooks 庫提供的 hooks 大同小異,尤其是基礎類 hooks 幾乎都是一樣的。

基於避免重複建設的目的,以及 umi hooks 的積累,我們與集團 ice 團隊,阿里體育團隊一拍即合,決定基於 umi hooks 共同建設 react hooks 工具庫,ahooks 隨即誕生。

經過乙個半月的改造,ahooks 已經發布了 v1.0 版本,並開源在 倉庫,你可以放心的在生產環境使用。

ahooks 相較於 umi hooks,有了自己的 api 規範[7],我們基於這套規範,重新整理了所有 hooks 的 api,你可以在這裡[8]找到公升級詳情。

在 ahooks 的開發過程中,集團內也有其它很多部門參與進來,出謀劃策,感謝大家。

如前面所說,ahooks 致力成為向 antd/fusion 一樣的 react 基礎設施。為了達到這個目標,我們正在全力開發更多的 hooks,同時我們也期望大家能將日常封裝的 hooks 貢獻到 ahooks 中,一起來幫助 ahooks 成長。

除了 hooks 庫,我們也在準備 react hooks 系列教程。不得不承認,雖然 react hooks 很好用,但其中確實有有不少的明坑暗坑,我們希望通過系列教程,減少大家在使用 hooks 時的困惑,避免走彎路。

應該很多人想問,為什麼不直接用 react-use,而是要自己建設 react hooks 庫呢?

[1]ahooks:

[2]@umijs/hooks:

[3]userequest:

[4]內建請求方案:

[5]react-use:

[6]:

[7]api 規範:

[8]這裡:

[9]react hooks 在螞蟻金服的實踐:

[10]umi hooks - 助力擁抱 react hooks:

[11]userequest- 螞蟻中臺標準請求 hooks:

你可能是自由的

序 一直都愛吃甜,甜到微微的澀。一直都想寫作,寫到天昏地暗。一直追逐自由,飛到天涯海角。孤獨的牧羊人在廣廖的草原牧著他的羊兒們,一生孤獨的他在3歲那年,父母已離開人世,剩下相依為命的奶奶也在10歲時離他而去,留下的只有兩頭羊兒。那一年,他哭的是那麼傷心,周圍嬉皮笑臉的人帶著乙個悲傷的面具,假惺惺的來...

可能是最好的 BFC 解析了

css 盒模型描述了通過 文件樹中的元素 以及相應的 視覺格式化模型 所生成的矩形盒子。簡單來說,盒模型定義了乙個 矩形盒子,當我們需要對文件進行布局時,瀏覽器的渲染引擎就會根據盒模型,將所有元素表示為乙個個矩形的盒子,盒子的外觀由 css 決定。乙個標準的盒子由四個部分組成,由內向外分別為 內容,...

這可能是學日語最好的幾個App

除了之前推薦的lingodeer和memrise真的是灰常好的學語言的工具 學習的方向和規律都是比較科學的。不知道的小夥伴這裡?語言學習愛好者的福利 lingodeer yama之前用的 當然現在很少用了,沒什麼時間,不過好評很多嗷 那我乙個個推薦 nhk新聞 這個閒來無事的時候用來聽聽nhk新聞 ...