目前這個系列已挑選ChatGPT、前端&React相關章節出版成書！感謝大家的閱讀與支持!《用 ChatGPT 詠唱來點亮 React ＆ 前端技能樹...
昨天把新增的表單處理完了！今天要來處理Redux的部分，雖然年代久遠，不知道大家還記不記得，忘記的話就當作複習，來做一次吧！ 確認資料 在要做新作業的時候，最...
原因 閱讀速度 同樣長度 中文的我可能看五分鐘 英文的可能要花上三倍時間 這麼多的文章要看我當然也只能有中文的先看中文 數量 我一天大概是看三四十篇文章 只認真...
前言 終於到了這次鐵人賽最後一個遊戲，經歷一番東挑西選及天人交戰之後，最後選定了這個遊戲，記憶方塊(Memory Blocks)。 這個遊戲也是很經典的童年回憶...
【前言】大家安安，今天的主題經過 MetaMask 強大的功能之後其實是可以省略的。開玩笑的，反正不管怎樣我都要把這個系統做到最好！接下來要說的是後端架設、基...
本系列文以製作專案為主軸，紀錄小弟學習React以及GrahQL的過程。主要是記下重點步驟以及我覺得需要記憶的部分，有覺得不明確的地方還請留言多多指教。 有...
在上一篇文章中提到，到底 reconciler 的對象是誰呢？看起來超像對 component 的，但似乎不大一樣，在本篇會完整的解釋給你聽 vDOM 是什...
Portal為插槽功能，可以將子元件渲染到父元件以外的地方，聽起來很炫，概念感覺有點像任意門？render一個component時，其實改變的是另一個地方的DO...
這個章節讓我們更深入的探討一下 dependencies 常見的錯誤使用方式。我們在前幾篇 useEffect 的深入解析中一再強調過一個概念：useEffec...
昨天 React.memo 比較像是針對 component 做 memorization，今天要介紹的 useMemo 這個 hooks 則是可以對函式實作...
回顧 Context 語法 在上一章節中，我們介紹了 Context 的使用簡介與語法。 React context 的使用環繞三個角色在運作： Contex...
【前言】 最近壓力大、天氣變換大，我的皮膚又開始作怪了（暈，剩下最後七篇了！【正文】 昨天介紹四種Router標籤，今天來介紹**Route**。 Rout...
在上一章Todolist with React (3)，使用 React-redux 完成了渲染任務清單、和任務新增刪除的動作，就讓我們繼續完成最後一個部分...
元件介紹 Infinite scroll 能在面對多筆資料時，讓捲軸滑動到底部時再載入下一頁面的資料。 由於一次性向後端取得大批的資料，對於後端的資料計算、資料...
後面這二十天，將專攻 Redux，一樣也是透過做中學的方式來理解 Redux。首先，官方文件是必備材料：Redux 官方中文文件 另外，這一篇 Code Car...
前言 當react結合redux後，就有的觀念就大轉變，要趕快脫離段適應期，所以要不段的修煉，今天練習的是redux 表單 練習目標 程式 看來挑錯練習範例...
20:00 首播，建議播放速度 x1.2 Vite 怎麼唸？ 不是 Vue 可以用 Vite 嗎？(Getting Started） Vite 為什麼它...
【前言】 今天一樣不多說廢話，直接進主題。【正文】 今天來介紹Link吧！ Link就是提供我們導引到其他頁面的連結，會被render成<a>標...
經過了前兩篇章的洗禮，相信你現在對於 function component 的 render 概念已經有一定程度的掌握。接著就讓我們進入這個階段的重頭戲：use...
前言 來到測試的最後一個章節了，本篇要說明的是如何對 React-Router 做測試，確認 Component 在不同的 Router 的 Render 狀況...
元件介紹 Dropdown 是一個下拉選單元件，當頁面上的選項過多時，可以用這個元件來收納選項，透過滑鼠事件來觸發選單彈出，點擊選項會執行相對應的命令。 參考設...
【前言】 呼～～終於進行到一半了（灑花！越來越不知道前言要寫什麼來湊字數了XD【正文】 在這次的範例，我們要利用redux與react再次做一個to do...
元件介紹 Tooltip 是一個文字彈出提醒元件，當 active 狀態時，會顯示對該子元件描述的文字。 參考設計 & 屬性分析 位置 相對於被包覆的子...
這系列的程式碼在 https://github.com/DanSnow/ironman-2020/tree/master/static-site-genera...
接續昨天用 create-react-app 開啟專案之後，今天要來看看我們的專案資料庫裡面有什麼東西！ What’s in my folders? 1. p...
在了解 reconciliation 前，我們先說說 react 是如何去操作 DOM 的 在 javaScript 中，我們可以利用 createElem...
(2024/04/06更新) 因應React在18後更新了許多不同的語法，更新後的教學之後將陸續放在 新的blog 中，歡迎讀者到該處閱讀，我依然會回覆這邊的...
昨天我們學習了如何在測試裡 render 元件，並使用 testing library 家族的 jest-dom 及 dom-testing-library 來...
今天要來介紹一個第三方 api－React Hook Form ，這是一個處理表單的 api，可以幫助我們在 React 中更方便的處理表單。其中，會主要介紹...
元件介紹 Toast 可以提供使用者操作的反饋訊息。包含一般資訊、操作成功、操作失敗、警告訊息等。預設為在頂部置中顯示並自動消失，是一種不打斷用戶操作的輕量級提...
一宵三筵
神Q超人
fripig
Taiming
ALu
Jasper
maxam
Lieutenant
Zet
莫力全 Kyle Mo
Henry Chang
Hyora
May
TSAI
Luis-Chen
pjchender
DanSnow
Roy Wang
Andy Chang
TWGD
時雨
iThome鐵人賽
看影片追技術