反正身為一名前端工程師掌握 1 ~ 2個框架也是很正常的事情以及身為一名工程師肝硬化、少年禿頭都是很正常的事情,那麼遲早都要成為禿頭肝鐵人不如趁現在來學個 React 讓自己禿的更光以及肝極致的硬化吧。
除此之外因為我本身是 Vue 開發者,因此其實我是抱著想多學一個框架的心態寫這一篇,所以可能會出現一些 Vue 跟 React 兩者語法上的差異比較,主要也是希望讓 Vue 開發者可以更好上手,接著就不廢話了,就讓我們準備開始學吧!
前言 前一篇我們已經完成了一個簡單版的 React TodoList,接著這一篇我們要來針對這個簡單版的 TodoList 優化一下,讓它變得更完整。 Reac...
前言 前面章節雖然我們已經認識了基本的 JSX 的部分,但這一篇我們會更深入的認識了解 JSX,讓我們在開發的時候可以少一點雷點,甚至活用一些技巧。 creat...
前言 這一章節開始我們要來介紹一個新的 Hook 也就是 useMemo,但是再說明 useMemo 之前我們先來回顧一下 Vue 裡面與 useMemo 類似...
前言 接下來這一篇算是簡單的一篇,因為我們只會快速認識一下 useCallback,而 useCallback 是什麼呢?就讓我們繼續往下看吧。 useCall...
前言 接著我們要來認識一個很特別的東西,也就是 useReducer,而 useReducer 可以說是 useState 的進階版,因為 useReducer...
前言 接下來要來聊一個有趣的 Hook,也就是 useRef 這個 Hook,這個 Hook 有什麼特別的功能呢?就讓我們瞧瞧吧! useRef 前面這邊先提一...
前言 我們在前面章節認識到了許多 React Hooks,但是這些 Hooks 都是由 React 官方所提供的,那如果我們想自訂自己的 Hooks 可不可以?...
前言 Fragments 是一個實戰上非常常使用的技巧,它可以讓我們在寫 React 的時候,可以不用一定要包一層 div,這樣就可以讓我們的 HTML 結構更...
前言 這一章節開始我們將會進入全新的章節,也就是 React CRA 章節,從這個章節開始也會慢慢減少在 CodePen 上的使用,而是開始進入實戰常見得開發環...
前言 延續上一篇的 CRA 專案,這一天會將剩下兩成沒看過的程式碼稍微認識一下,所以這一篇也會相對簡單輕鬆。 Web Vitals 一開始我們先來看一下 ind...