在上一篇的章節中，我們詳細的解析了有關於連續呼叫 setState 時的自動 batching 機制。承著前文的脈絡，我們來探討看看一個延伸的情境：如果我們想基...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...
Redux 官網 在還沒有加入Redux之前，資料在APP中各個view的傳遞會需要翻山越嶺，經過一個庄再到一庄： 有了 Redux 後，所有的資料就會在最上...
在上一篇關於 useEffect 的深度解析中，我們已經了解到了 dependencies 是一種效能的最佳化手段，而不是用來控制生命週期或是商業邏輯。對於 u...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
React 18 在今年稍早推出了穩定版，聽說解決了很多長久以來的問題，所以花了點時間，體驗看看這些新功能，並且統整一下，寫成今天的文章 5 new Hooks...
承接上一張節的脈絡，在我們解析大魔王 useEffect 之前，我們需要先更深入的重新梳理一下 component 生命週期的重要概念：render。 每一次...
函式與 dependencies 一種常見的誤解是認為函式不應該填寫在 dependencies 中。我們來看一下這個範例： function SearchRe...
透過上一篇章的解析，我們已經了解到為什麼我們不應該在 React 中去 mutate state 的資料了。因此，當我們想更新物件或陣列時就必須以 immuta...
Hooks 的誕生是為了解決什麼問題 在深入 hooks 的設計脈絡之前，我們得先來談談 hooks 的誕生究竟是為了解決什麼問題。首先，hooks 是綁定配合...
接續上一章節的概念，我們已經了解到了每一次 render 都有自己的 props 與 state 以及 event handlers，那麼 useEffect...
目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...
在解析過 React 的畫面更新的核心觀念以及 setState 進階的細節之後，接下來我們會往下一個大主題邁進 — 有關於 component 的 rende...
今天要分享的是我們在優化前端時常會做的處理，Debounce & Throttle，那關於這兩個名詞的解釋，網路上有很多專門在講解的文章，也可以參考連結...
Node.js 串接 MongoDB 會在下一篇教學，滿意的朋友請記得關注，未來預計每週2篇技術文章 國外朋友常提到網頁工程師必備 MERN，那MERN究竟...
前言 React Hooks 已經出現好一陣子了，現在初學 React 的新手，可能都已經用 hook 用得很順手了。 但如果接手到比較舊一點的 React 專...
複習useState 接著前面所講的，我們將幾個常用的hook都再複習一遍，來解構基礎以外你可能沒發現的細節，那麼我們先從最基礎的 useState 來講起。...
昨天我們介紹了 useMemo，這個 hook 可以幫助我們記憶依賴參數，當參數變化時才會重新執行函式，並且取得函式回傳的值。今天要來介紹的是 useCallb...
開發React的專案也有好一陣子了，趁著有空閒的時間和大家分享一些我常會在不同專案用到的共同自訂義hook function，這系列會由淺入深啦，所以先從基本的...
昨天介紹了context是什麼，以及useContext要怎麼用，今天來介紹一下要怎麼在開發上實際運用context object以及useContext。 建...
UseRef useRef 會回傳一個 mutable 的 ref object，.current 屬性為初始為傳入的參數。寫法如下： const refCo...
今天要來聊 React hooks，Hooks 在 React 16.8 時推出，它提供了更低的學習曲線、更高的可讀性和更輕鬆的 debug。這篇文章會預設你...
當 React 程式越來越龐大，就需要考慮效能的問題。memorize hook 是 React 提供的 api，可以避免重複 render 造成的效能問題。今...
Part 2 of Passing Data Deeply with Context @ ReactJS Doc beta 我知道多數人都聽過或用過 Rea...
大家好，我是查理！懷抱著既緊張又期待的心情參加，也抓著朋友們一起組團，這樣就能一起緊張(剉咧等)了。 我們都是在網頁中暢遊的小小工程師，團員丹尼要來做新手友善的...
做出一個固定在畫面上方的導覽列沒什麼難度，故本日目標是重現 MUI 的 Elevate App bar 與 Hide App bar 這兩種導覽列。 成品...
昨天我們介紹了什麼是 memorized hook，介紹他們是如何提升 React 的效能。接著，我們來更詳細一點的介紹各個 hook 要怎麼使用。 useMe...
今天分享一個簡單又常用到的方法來處理表單，先舉個新手進入React處理表單時常用到的例子： // 使用useState來記錄表單欄位訊息 const [nati...
昨天我們用useState、useEffect、react-bootstrap完成了todolist程式，不過在寫程式的過程中，會發現我們傳遞的props隨著功...
Zet
一宵三筵
Edmond
Andy Chang
ycchiuuuu
LucianoLee
時雨
chunwen
bywater529
pjchender
Charlie
查理狐狐
iThome鐵人賽
看影片追技術