本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 R...
上篇介紹 prop 跟 state， 來做個關於 state 的練習 製做一個會顯示當下欄位輸入值的文字段落 回到 App.js，將原本的 ListItem c...
以往在同個網站切換網頁的時候，就會重新刷新頁面，然後等待資源重新載入才能看到新的畫面，但是人的耐心是有限的，每次的切換如果都需要等待的話，人的耐心就會被消磨殆盡...
其實 Proxy 是一個相當廣的概念，它可以代表一種設計模式，也可以代表實際存在的網路實體。若是實體，又可以存在於 backend server 之間，也能存...
在搜尋useMemo的時候，就一直看到React.memo的相關資料 ，雖然React memo不屬於React hook的一部分，但還是簡單介紹一下，我們都知...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 編...
上篇提到如何為 component 添加樣式，文末得到了一個使用 bootstrap 樣式的表單，接下來談談 react 中的表單 表單內常用的 DOM inp...
上篇 提到 react 表單內的事件，來實際應用，做一個表單 在 表單 中寫 method 分別為submitHandler: 按提交後的 methodhand...
這裡來講講在 react 內，怎麼對 component 套用樣式讓 component 醜小鴨變天鵝 inline stylingcss 屬性以駝峰式(ca...
上篇提及的 state 跟 setState，這裡談談在 react 內的 event handling Handling Events in js 一般 js...
在上一篇文章中提到，到底 reconciler 的對象是誰呢？看起來超像對 component 的，但似乎不大一樣，在本篇會完整的解釋給你聽 vDOM 是什...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 要...
useContext() useContext會和React Context API搭配使用，可以讓component共享資料，像是進階版的props，不用一層...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
在了解 reconciliation 前，我們先說說 react 是如何去操作 DOM 的 在 javaScript 中，我們可以利用 createElem...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 接...
當functional component 遇上React Hooks，就好像白雪公主遇到她的王子…（我想不到更好的比喻了）有了Hooks，讓functiona...
我們先來看以下兩個例子，想想當 <Parent/> re-render 時，Child 會不會也跟著 re-render 呢？ function C...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 製...
Redux Thunk的目的就是為了實踐middleware，讓action能做更多的事，想必大家都曾經看過這個錯誤，當action為非同步的時候，就會報錯，R...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 要...
寫了多年的 js ，遇到不熟悉的使用情境大家肯定會先 console.log 一下 曾經在 onChange event handler 中印過 event 是...
Redux Middleware翻成中介軟體，在dispatch action之後到執行reducer之間，可以執行多個middleware，就像接力賽一樣將...
先來看一段簡單的 code <form onSubmit={handleSubmit}> ... <button onClick={h...
寫過vue就知道有vue有提供vuex來做資料(state)的集中管理，那麼React就是藉由Redux來達成，不過讓我有點訝異的應該是React 跟 Redu...
上篇建立出 ListItem component 並 import 到 App component 中但每個都長一樣的 component 看起來實在是太呆了！...
class component 將原本的 App.js 改寫如下.. import React from 'react'; class App extends...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 在...
如果 npm start 後遇到錯誤.. 人品不好的時候執行 npm start 卻出現錯誤..NPM start returns error, “There...
在了解什麼是render後，傑森從React官網看到另一個範例，有段文字這樣寫道: Component 使你可以將 UI 拆分成獨立且可複用的程式碼 什麼是...
Jasper
dc88
Lieutenant
莫力全 Kyle Mo
maxam
Andy Chang
river_huang
iThome鐵人賽
看影片追技術