(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
在這個章節中，我們將介紹在 React 中 form 與 input 相關 element 的使用方式。 然而為何需要把 form 這類的 element 特別...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
如果元件內有牽涉 HTTP requests ，我們通常需要在測試中 mock 它們。今天將學習如何測試元件的時候 mock 這些 HTTP requests。...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
回顧 Key 與 Diff 演算法 在上一個篇章中，我們簡介了 key 在 Virtual DOM diff 演算法中扮演的角色。 我們也了解到 key={in...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
回顧 key 在上一篇中，我們介紹了 key 為何，以及如何在 React 中使用 key。 Key 可以想成是 React element list 中每個元...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
目前為止我們已經了解該如何使用 React Testing Library 的 render 跟 debug 來 測試元件的狀態了。 今天我們將繼續探索如何測試...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
在上一篇中，我們介紹了 React render list 的語法，其中提及了 render React element list 時都必須要加上 key pr...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
昨天我們學習了如何在測試裡 render 元件，並使用 testing library 家族的 jest-dom 及 dom-testing-library 來...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
使用 ReactDOM 來 Render 被測試元件 假設現在有一個 <FavoriteNumber /> 元件，我們要測試它是否有 render...
React render list 使用情境 在撰寫前端頁面常常會需要把 list 中的內容全部顯示到畫面上。 舉例來說，我們可能會需要把一個 list（Arr...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 T...
在 SSR 誕生時就出現了一種對於某種程式碼的稱呼 Isomorphic Javascript ，這種程式碼會把與環境相關的部份包裝成同樣的 API ，並靠著...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 目...
React 條件 render 使用情境 在撰寫前端頁面時，常常需要根據不同的 props / state 資料顯示不同的 element。 舉例來說，使用者尚...
先分享下 Frontend 的發音https://www.youtube.com/watch?v=ZdtpKFbhTtk 記得是 Frontend 不是 Fro...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
ooxx也可以說是很熱門的練習題，所以今天就用React 來寫一個ooxx的小遊戲吧！ 初始化先設定一個長度為9的陣列來記錄玩家下的位置，這邊用了array.f...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
昨日基本上我們已經完成了大致的 Online Judge 系統，剩下基本上就是看你打算要怎麼設計你的 Online Judge 系統來決定該怎麼打造你前端網頁...
Andy Chang
Henry Chang
TWGD
DanSnow
Jasper
Mike Fang
Lieutenant
灆洢 a.k.a Maplewing
iThome鐵人賽
看影片追技術