在前一篇文章中,我們實現了前端的聯絡表單,並展示了如何使用表單來捕獲用戶的輸入資料。今天,我們將進一步深入,展示如何使用 EmailJS 將表單資料發送到後端,...
DAY11 自己的Component自己控 - Controlled Component 範例程式碼:https://github.com/max80713/...
DAY19 做個計時器 - HOC 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在 You...
DAY25 動作了然後呢 - Redux Reducer 範例程式碼:https://github.com/max80713/react-30-days 有任...
DAY21 突襲檢查 - Prop Types 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可...
開頭前幾天一直覺得會翻船,自認無法撐到結束XD結果沒想到苟延殘喘的來到第26天,真是奇蹟等活動結束後,再找點時間把內容重新寫的更完善吧 最後幾天來挑戰,做一個前...
它為了解決什麼問題而生? 正如我在 Day 03 有提到的,它使用了 Virtual DOM 來解決直接操作 DOM 造成的性能問題。並且採用有別於 bindi...
tags: ItIron2023 react 前言 我們昨天做了一個基本的井字遊戲,基本上除了css的部分有些困難之外,基本的邏輯實踐其實相當的單純,今天我們反...
這篇文章的主要內容 簡單介紹 SSR & Next.js CSR( Client Side Rendering) 在前面有提到 react 是一個 C...
第二步:在 React 中建立一個靜態版本 不要使用 state 來建立靜態版本,因為state是保留給互動性,也就是會隨時間改變的資料。 可以從最上層往下層...
連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...
連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...
關於單向資料流,昨天已經有針對這麼部分透過程式碼來了解是怎樣的資料流design pattern了,但是單向資料流究竟和Vue和React有什麼關係呢?就讓我們...
在 Calculator 中 添加兩個 methodhandleCelsiusChange / handleFahrenheitChange 用來設定 Calc...
連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...
提醒:由於看到這系列鐵人訂閱人數漸漸變多,標記一下這些內容是在「非常萌新時期」所寫,更多技術內容請參考我的 Github,歡迎跟我一起討論 ^ ^ Rea...
在轉職成軟體工程師的這個過程,鐵人賽上大神前輩的文章總是帶給我很多啟發跟想法,自己也希望透過分享的方式讓自己對於 react 有更深入且全面的認識,了解框架運作...
在組件間傳值的時候,當組件間關係越來越複雜時傳入參數值的正確性就變得很重要了,如果這個環節出錯一般稱為業務邏輯錯誤,這代表你程式寫的語法是對的但是錯的是你的業務...
tags: ItIron2023 react 前言 昨天我們看了一個基本的Tab component題目,在那個常見的UI組件上做了一點小小的測試,相信對你們來...
DAY24 一個口令一個動作 - Redux Action 範例程式碼:https://github.com/max80713/react-30-days 有...
提醒:由於看到這系列鐵人訂閱人數漸漸變多,標記一下這些內容是在「非常萌新時期」所寫,更多技術內容請參考我的 Github,歡迎跟我一起討論 ^ ^ 由於最...
我想說的是組件傳遞資料並不是只能傳遞數值,函式也可以傳遞子組件不能直接操作父組件的資料,要通過父組件傳來的函數去變更父組件的資料 上一篇中我們把按摩服務列表...
沒有想到連假結束後的第一天就要冨樫了...,我工作的公司在新加坡,而我在台灣full remote,我們中秋放連假而新加坡那邊沒放假,導致一開工就滿多事情要處理...
tags: ItIron2023 react 前言 昨天我們看了一下一個react hook在render上的常見使用錯誤,未來我們會再次接觸到,建議先把hoo...
上篇介紹 prop 跟 state, 來做個關於 state 的練習 製做一個會顯示當下欄位輸入值的文字段落 回到 App.js,將原本的 ListItem c...
第 22 天 ! 當我們資料項下傳遞的時候, 會發現, component 的階層越深, 傳遞資訊會越困難, 因為代表的是,需要不斷做向下傳遞的動作, 假如階層...
DAY18 隔空取物 - Context 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在...
這篇文章的主要內容 簡單介紹useReducer。 useReducer 當 state 較為複雜時可以透過 useReducer 來把更新狀態的邏輯一個個拆...
這篇文章的主要內容 簡單介紹 useEffect useEffect useEffect 是 react 裡面常常使用到到 hook 但是在使用上有很多需要注...