必備 React 套件 - useHooks

開發 React 專案一定多多少少要用到 hooks, 除了有些能改善效能之外,很大一部分也可以讓 React 專案的程式碼更加簡潔、更好維護😎

useHooks 是由 ui.dev 團隊開源的 React hooks 大補帖,裡面有各種實用的 hooks, 例如 counter, debounce, windows size, clipboard 等等(簡直相見恨晚 😂 ),真心建議可以花點時間逛逛 useHooks 的官方文件,一定有很多可以運用到你的 React 專案之中,大大加速我們開發的速度!

useHooks 官方網站

useHooks GitHub

目前 useHooks 有 2 套。

另ㄧ套是 usehooks-ts ,用 TypeScript 寫的,有 4.1k 星星數,文件也寫的很好,兩套都有非常多的 ReactHooks 可以使用,甚至同名同用途的 React Hooks 也有,但是還是有存在些許差異,例如 useIntersectionObserver 是 usehooks-ts 的比較好,因為它有提供選項可以設定渲染之後,就不會因為離開 Interscetion Observer 就又重新渲染,非常貼心。

這 2 套大家都可以斟酌使用。

Facebook Threads X

對抗久坐職業傷害

研究指出每天增加 2 小時坐著的時間,會增加大腸癌、心臟疾病、肺癌的風險,也造成肩頸、腰背疼痛等常見問題。

然而對抗這些問題,卻只需要工作時定期休息跟伸展身體即可!

你想輕鬆改變現狀嗎?試試看我們的 PomodoRoll 番茄鐘吧! PomodoRoll 番茄鐘會根據你所設定的專注時間,定期建議你 1 項辦公族適用的伸展運動,幫助你打敗久坐所帶來的傷害!

贊助我們的創作

看完這篇文章了嗎? 休息一下,喝杯咖啡吧!

如果你覺得 MyApollo 有讓你獲得實用的資訊,希望能看到更多的技術分享,邀請你贊助我們一杯咖啡,讓我們有更多的動力與精力繼續提供高品質的文章,感謝你的支持!