這幾天我們已經學習了許多 React 的技術，是時候部屬 React 的作品到 github 上了！如果不是大型的網站，只是要展示自己的作品或寫一個部落格的話，...
這三十天我們介紹了許多的 hooks，在開發上常常會需要使用這些 hook 做組合技，也會常常使用到重覆的功能，這時候就可以將這些 hook 抽出來，做成 cu...
React hooks 從 2019 年初推出以來也經過了幾年的時間，它以非常快的速度就發展成為 React 開發方式的絕對主流選擇。搭配 function c...
本文提及以下內容 Gatsby建立頁面檔 添加頁面Title Link元件預加載preloading原理 Link Component使用方式 Gatsby...
除了最核心的 useState 以及 useEffect 以外，在 React 中最常被我們使用到的內建 hooks 應該就屬 useCallback 以及 u...
昨天我們介紹了 useMemo，這個 hook 可以幫助我們記憶依賴參數，當參數變化時才會重新執行函式，並且取得函式回傳的值。今天要來介紹的是 useCallb...
在前面章節中我們解析了將 effect 設計成即使多次執行也能保持正確的重要性。如果你還對這個觀念不是很熟悉的話，非常建議你先閱讀系列文前面的篇幅中關於 use...
昨天我們介紹了什麼是 memorized hook，介紹他們是如何提升 React 的效能。接著，我們來更詳細一點的介紹各個 hook 要怎麼使用。 useMe...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
本文包含以下內容 格線系統 基本用法 設置斷點 父組件設置欄數 Grid version 2 格線系統 如果先前有學習過boostrap5的人應該對於lay...
Preface 昨天將資料在使用者端加鹽過後，今天要將這筆資料做驗證，但是要如何驗證是一個讓我想破頭的事，由於 keccak256 的 hash 方式是一個非對...
在前面的章節中我們已經詳細的解析了 useEffect 正確的概念以及用法，也再三強調了 useEffect 的用途是同步資料到 React elements...
開頭前幾天一直覺得會翻船，自認無法撐到結束XD結果沒想到苟延殘喘的來到第26天，真是奇蹟等活動結束後，再找點時間把內容重新寫的更完善吧 最後幾天來挑戰，做一個前...
當 React 程式越來越龐大，就需要考慮效能的問題。memorize hook 是 React 提供的 api，可以避免重複 render 造成的效能問題。今...
這個章節讓我們更深入的探討一下 dependencies 常見的錯誤使用方式。我們在前幾篇 useEffect 的深入解析中一再強調過一個概念：useEffec...
本文提及以下內容 基本設置 useNavigate控制導向 useNavigate傳遞history stack useNavigate傳遞狀態 頁面重新導向...
本篇文章提及以下部分 Material Design 更名MUI Material UI優點 加載字體方法 import元件的方法 Typography-排版...
接下來要來介紹一下 useReducer，看到 "Reducer" 就可以料想到，他跟 Redux 應該有點關係。useReducer 是一...
暫時揮別 react router 的部分，這次來實作一個小型的互動程式，用 react hook 及 axios 向 api 取得特定城市的氣溫資料 安裝 a...
函式與 dependencies 一種常見的誤解是認為函式不應該填寫在 dependencies 中。我們來看一下這個範例： function SearchRe...
本文提及以下內容 用戶端的路由 傳統路由 react route如何運作 起手式 建立404的路由 巢狀路由 useParams參數 用戶端的路由 用戶端的...
接下來會來介紹一下各種其他 React 常用功能。今天我們來說一下要怎麼在 React 中操作元素。一般來說，操作元素會使用 querySelector取得 D...
在上一篇關於 useEffect 的深度解析中，我們已經了解到了 dependencies 是一種效能的最佳化手段，而不是用來控制生命週期或是商業邏輯。對於 u...
前言 嗨，我是Hogan目前在經營自己的自媒體 hogan.tech主要分享一些有關於程式碼、軟體和科技業經驗分享有興趣的讀者可以進一步關注我，進而獲得更多資訊...
昨天介紹了 useForm 的基本用法，今天來多介紹一些 React Hook Form 別的用法。 FormProvider 前幾天介紹了資料管理的 Cont...
經過了前兩篇章的洗禮，相信你現在對於 function component 的 render 概念已經有一定程度的掌握。接著就讓我們進入這個階段的重頭戲：use...
今天要來介紹一個第三方 api－React Hook Form ，這是一個處理表單的 api，可以幫助我們在 React 中更方便的處理表單。其中，會主要介紹...
今天來看一下常令 React 新手容易感到混淆的 render 和 commit 階段。 Render and Commit @ React Beta
時間過的好快 轉眼就第22天了，究竟能不能撐到最後一天呢XDD最近不幸確診了，整個頭重腳輕中，文章品質可能會下降補完的部分要等到康復後再慢慢做完善～還請諸看倌們...
接續上一章節的概念，我們已經了解到了每一次 render 都有自己的 props 與 state 以及 event handlers，那麼 useEffect...
時雨
Zet
DannyChen
hogantech
foodchain
dc88
pjchender
iThome鐵人賽
看影片追技術