iT邦幫忙

reactjs相關文章
共有 735 則文章
鐵人賽 JavaScript DAY 28

技術 Day 28: 無需後端,利用 EmailJS 輕鬆處理表單郵件

在前一篇文章中,我們實現了前端的聯絡表單,並展示了如何使用表單來捕獲用戶的輸入資料。今天,我們將進一步深入,展示如何使用 EmailJS 將表單資料發送到後端,...

鐵人賽 影片教學 DAY 12

技術 DAY11 自己的 Component 自己控 - Controlled Component

DAY11 自己的Component自己控 - Controlled Component 範例程式碼:https://github.com/max80713/...

鐵人賽 影片教學 DAY 20

技術 DAY19 做個計時器 - HOC

DAY19 做個計時器 - HOC 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在 You...

鐵人賽 影片教學 DAY 26

技術 DAY25 動作了然後呢 - Redux Reducer

DAY25 動作了然後呢 - Redux Reducer 範例程式碼:https://github.com/max80713/react-30-days 有任...

鐵人賽 影片教學 DAY 22

技術 DAY21 突襲檢查 - Prop Types

DAY21 突襲檢查 - Prop Types 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可...

鐵人賽 Modern Web DAY 26

技術 用 react hook 做一個 wordle clone 猜字遊戲-part1(遊戲規則 / 外觀)-day 26

開頭前幾天一直覺得會翻船,自認無法撐到結束XD結果沒想到苟延殘喘的來到第26天,真是奇蹟等活動結束後,再找點時間把內容重新寫的更完善吧 最後幾天來挑戰,做一個前...

鐵人賽 Modern Web DAY 7

技術 Day 07 甜死人不償命的 JSX 語法糖 (React 簡介)

它為了解決什麼問題而生? 正如我在 Day 03 有提到的,它使用了 Virtual DOM 來解決直接操作 DOM 造成的性能問題。並且採用有別於 bindi...

鐵人賽 Modern Web DAY 30

技術 30天React練功坊-攻克常見實務/面試問題 Day30: Memory Cards Game(interview question)

tags: ItIron2023 react 前言 我們昨天做了一個基本的井字遊戲,基本上除了css的部分有些困難之外,基本的邏輯實踐其實相當的單純,今天我們反...

鐵人賽 Modern Web DAY 29
react 學習記錄 系列 第 29

技術 [Day29]我的 react 學習記錄 - SSR & Next.js

這篇文章的主要內容 簡單介紹 SSR & Next.js CSR( Client Side Rendering) 在前面有提到 react 是一個 C...

技術 React 學習筆記_6 (Thinking in React - 2 )

第二步:在 React 中建立一個靜態版本 不要使用 state 來建立靜態版本,因為state是保留給互動性,也就是會隨時間改變的資料。 可以從最上層往下層...

鐵人賽 影片教學 DAY 28

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day28 留言電子郵件通知

連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...

鐵人賽 影片教學 DAY 20

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day20 會員選單

連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...

鐵人賽 Modern Web DAY 9

技術 【Day 9】Vue & React上的單向資料流的應用

關於單向資料流,昨天已經有針對這麼部分透過程式碼來了解是怎樣的資料流design pattern了,但是單向資料流究竟和Vue和React有什麼關係呢?就讓我們...

鐵人賽 Modern Web DAY 20

技術 react 大冒險-unidirectional flow 單向資料流-day 17-2

在 Calculator 中 添加兩個 methodhandleCelsiusChange / handleFahrenheitChange 用來設定 Calc...

鐵人賽 影片教學 DAY 15

技術 前端工程師也能開發全端網頁:挑戰 30 天用 React 加上 Firebase 打造社群網站|Day15 對文章按讚

連續 30 天不中斷每天上傳一支教學影片,教你如何用 React 加上 Firebase 打造社群網站!歡迎訂閱分享! #React #Firebase #前...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10- 190926學習筆記 ReactJS(中)

提醒:由於看到這系列鐵人訂閱人數漸漸變多,標記一下這些內容是在「非常萌新時期」所寫,更多技術內容請參考我的 Github,歡迎跟我一起討論 ^ ^ Rea...

鐵人賽 Modern Web DAY 1
react 學習記錄 系列 第 1

技術 [Day1]我的 react 學習記錄 - react 啟動!

在轉職成軟體工程師的這個過程,鐵人賽上大神前輩的文章總是帶給我很多啟發跟想法,自己也希望透過分享的方式讓自己對於 react 有更深入且全面的認識,了解框架運作...

鐵人賽 Modern Web DAY 20

技術 [DAY20] 過來讓我看看之 PropTypes 驗證元件屬性之這是我們之間的秘密

在組件間傳值的時候,當組件間關係越來越複雜時傳入參數值的正確性就變得很重要了,如果這個環節出錯一般稱為業務邏輯錯誤,這代表你程式寫的語法是對的但是錯的是你的業務...

鐵人賽 Modern Web DAY 24

技術 2023It 30天React練功坊-攻克常見實務/面試問題 Day24: Creating a custom hook for data fetching(interview question)

tags: ItIron2023 react 前言 昨天我們看了一個基本的Tab component題目,在那個常見的UI組件上做了一點小小的測試,相信對你們來...

鐵人賽 影片教學 DAY 25

技術 DAY24 一個口令一個動作 - Redux Action

DAY24 一個口令一個動作 - Redux Action 範例程式碼:https://github.com/max80713/react-30-days 有...

鐵人賽 自我挑戰組 DAY 9

技術 Day9- 190925學習筆記 ReactJS(上)

提醒:由於看到這系列鐵人訂閱人數漸漸變多,標記一下這些內容是在「非常萌新時期」所寫,更多技術內容請參考我的 Github,歡迎跟我一起討論 ^ ^ 由於最...

鐵人賽 Modern Web DAY 16

技術 [DAY16] 組件的傳值之爸爸給你的你才能要

我想說的是組件傳遞資料並不是只能傳遞數值,函式也可以傳遞子組件不能直接操作父組件的資料,要通過父組件傳來的函數去變更父組件的資料 上一篇中我們把按摩服務列表...

鐵人賽 Modern Web DAY 7

技術 [Day 7]想不到有梗的標題LA(前端篇)

沒有想到連假結束後的第一天就要冨樫了...,我工作的公司在新加坡,而我在台灣full remote,我們中秋放連假而新加坡那邊沒放假,導致一開工就滿多事情要處理...

鐵人賽 Modern Web DAY 7

技術 30天React練功坊-攻克常見實務/面試問題 Day7: Memeory leak with useEffect

tags: ItIron2023 react 前言 昨天我們看了一下一個react hook在render上的常見使用錯誤,未來我們會再次接觸到,建議先把hoo...

鐵人賽 Modern Web DAY 13

技術 react 大冒險-顯示當下欄位輸入值的文字段落 state exercise-day 12

上篇介紹 prop 跟 state, 來做個關於 state 的練習 製做一個會顯示當下欄位輸入值的文字段落 回到 App.js,將原本的 ListItem c...

鐵人賽 Modern Web DAY 22

技術 Day 22 Context

第 22 天 ! 當我們資料項下傳遞的時候, 會發現, component 的階層越深, 傳遞資訊會越困難, 因為代表的是,需要不斷做向下傳遞的動作, 假如階層...

鐵人賽 影片教學 DAY 19

技術 DAY18 隔空取物 - Context

DAY18 隔空取物 - Context 範例程式碼:https://github.com/max80713/react-30-days 有任何問題都可以在...

鐵人賽 Modern Web DAY 15
react 學習記錄 系列 第 15

技術 [Day15]我的 react 學習記錄 - useReducer

這篇文章的主要內容 簡單介紹useReducer。 useReducer 當 state 較為複雜時可以透過 useReducer 來把更新狀態的邏輯一個個拆...

鐵人賽 Modern Web DAY 11
react 學習記錄 系列 第 11

技術 [Day11]我的 react 學習記錄 - useEffect

這篇文章的主要內容 簡單介紹 useEffect useEffect useEffect 是 react 裡面常常使用到到 hook 但是在使用上有很多需要注...