iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 1 留言 789 瀏覽

鐵人賽 Modern Web DAY 29

React 走出新手村系列第 29 篇

技術 React 走出新手村 — Rick and Morty練習(I)

實作練習經過前面的介紹之後，相信大家應該有基礎的理解和認知了，接下來我們一樣透過 Rick and Morty API 來練習如何在 app router 下...

LucianoLee ‧ 2023-09-29

0 Like 0 留言 789 瀏覽

技術【程式開發筆記08】實作Entity Framework Core DB First CRUD-(2)(.Net Core / EF Core / MSSQL)

這次來做上次未做完的"新增"，後續還要做"修改"、"刪除"，並儲存至資料庫新增"新增按...

PinShengs ‧ 2023-08-03

1 Like 0 留言 789 瀏覽

鐵人賽自我挑戰組 DAY 1

初探全端之旅: 以MERN技術建立個人部落格系列第 1 篇

技術 [Day1]挑戰前言

緣由個人擔任前端工程師有一小段時間，雖然工作上會了解到一些後端相關的觀念，但一直都沒有親自實作過。身為一個熱愛挑戰(自虐）的人，希望透過這次鐵人賽紀錄自己30...

Yihsuan ‧ 2023-09-16 ‧團隊Quokka In The Cloud

0 Like 0 留言 788 瀏覽

鐵人賽 Modern Web DAY 8

Nextjs 13: 建構專屬於你的 SSR 網站！系列第 8 篇

技術 [next 13] - components render 機制

前面做了關於 client component 以及 server component 的基本介紹，這一篇來介紹一下他們背後的 render 機制。新的 re...

時雨 ‧ 2023-09-23

0 Like 0 留言 788 瀏覽

鐵人賽 Modern Web DAY 16

30天React練功坊-攻克常見實務/面試問題系列第 16 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day16: React.memo not working corretly with function as props

tags: ItIron2023 react 前言真是沒完沒了是吧！昨天我們繼續看了一個不必要重複渲染的例子，了解到為什麼切context需要謹慎並再次的請出...

windate3411 ‧ 2023-10-01

0 Like 0 留言 783 瀏覽

鐵人賽佛心分享-IT 人自學之術 DAY 27

【現在學React還來得及嗎？】30天Takeaway分享系列第 27 篇

技術【Day27】R3F 3

練習完文字效果後我打算測試導入模型。事不宜遲，借一下自己快兩年前用Blender練習捏的動漫風人頭。一開始導入只有半張臉，趕快apply鏡像修改器，尷尬。說到...

haruowang ‧ 2024-08-31

0 Like 0 留言 783 瀏覽

鐵人賽 Modern Web DAY 27

30天React練功坊-攻克常見實務/面試問題系列第 27 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day27: Add emojis to the page onclick PartII(interview question)

tags: ItIron2023 react 前言我們昨天做了一個還算有趣的問題，利用state控制整個emoji陣列並決定每個組件要在螢幕的哪處渲染，今天我...

windate3411 ‧ 2023-10-12

2 Like 0 留言 778 瀏覽

鐵人賽 SideProject30 DAY 5

用 React 和 Firebase 打造一個完整 side project 吧！系列第 5 篇

技術 Day05：Firebase 服務中的資料架構

本文同步刊載於我的個人部落格在規劃專案之資料表前，想先插播介紹關於 Firebase 的資料庫運作原理，此部分並不影響專案規劃之順序，因為這是在規畫專案前也...

Annie ‧ 2023-09-20

0 Like 0 留言 776 瀏覽

鐵人賽 Modern Web DAY 9

react 學習記錄系列第 9 篇

技術 [Day9]我的 react 學習記錄 - react event 綁定 & useState

這篇文章的主要內容簡單說明 react 裡面的事件綁定跟透過 useState hook 來管理狀態。 JavaScript 的事件綁定 JavaScrip...

evan_hsu ‧ 2023-09-23

0 Like 0 留言 775 瀏覽

鐵人賽 Modern Web DAY 6

React Hook 不求人，建立自己的 Hook Libary 系列第 6 篇

技術 [DAY 06] useRef 與一般的變數有甚麼不同?

有時候我們只需要一個單純的變數，希望隨著每次 render 都還能保持同樣的 ref，一般的變數又會不停的更新數值，這時候 useRef 就會是你的好幫手啦！...

Charlie ‧ 2022-09-19 ‧團隊桌遊玩樂團

0 Like 0 留言 772 瀏覽

鐵人賽 Modern Web DAY 7

組裝前端開發工具箱，從 NX 入手系列第 7 篇

技術表單工具 react-hook-form

網頁常見的功能之一就是表單，像是註冊、輸入個人資料、後臺建立管理資料等都需要有表單輸入的功能，另外最好還有前端能事先對表單的輸入內容進行檢查，通過後才發給後端。...

Jasper ‧ 2023-09-08 ‧團隊我在鐵人賽烙賽、也在外木山裸泳◑ω◐

0 Like 0 留言 772 瀏覽

鐵人賽 JavaScript DAY 28

TypeScript 完全指南：從語法基礎到高級功能的系統學習系列第 28 篇

技術 TypeScript 實戰：前端表單與串接 API

前言在現代前端開發中，與後端進行資料交換是常見的需求。透過 HTTP 請求，我們可以將資料送出並取得結果。這篇文章將介紹如何使用 TypeScript 實作...

Mao ‧ 2024-09-29 ‧團隊Side Project Taiwan

2 Like 0 留言 771 瀏覽

鐵人賽 SideProject30 DAY 14

用 React 和 Firebase 打造一個完整 side project 吧！系列第 14 篇

技術 Day14：將 Firebase 加進 React 專案之前置準備

比賽好快進到中間時期，剛好適逢中秋佳節與教師節，先祝各位佳節愉快、順利完賽！這個連假應該會將專案的元件都完成，並且將註冊、登入與基本頁面先行組裝，後續樣式細節...

Annie ‧ 2023-09-29

0 Like 0 留言 768 瀏覽

鐵人賽自我挑戰組 DAY 2

新手前端與真實世界的開發 feat.React 與他的夥伴系列第 2 篇

技術 Day-2 本系列 overview

Day-2 本系列 overview 第二天的文會告訴大家，接下來的大綱會是怎麼長的，幫大家做個 overview。順序可能會變動，也可能會新增主題，但並不會...

aoigj100 ‧ 2022-09-16

0 Like 0 留言 767 瀏覽

鐵人賽自我挑戰組 DAY 25

新手前端與真實世界的開發 feat.React 與他的夥伴系列第 27 篇

技術 Day-27 專案演練 - 寫在最後

Day-27 專案演練 - 寫在最後專案分享的尾聲，篇幅有限，還有很多想做的功能還沒完成，做個這 20 天來邊做邊寫的總結，在鐵人賽結束之後，我會繼續把之前說...

aoigj100 ‧ 2022-10-11

0 Like 0 留言 766 瀏覽

鐵人賽 Modern Web DAY 23

從Vue學React！不只要會用，還要真的懂～系列第 23 篇

技術【Day 23】利用useReducer ＋ useContext管理複雜的狀態邏輯

我們在前幾天已經認識了useReducer和useContext的用法，今天來點進階的內容，把useReducer和useContext結合在一起使用看看。這兩...

文科少女 ‧ 2023-09-29 ‧團隊曼陀號計畫V

0 Like 0 留言 766 瀏覽

鐵人賽 Modern Web DAY 20

現在就學React.js 系列第 20 篇

技術在 React 中使用 Axios 進行非同步請求 - Day20

在網頁中常常需要與後端進行資料的溝通，通常是使用API來獲取、修改、或刪除資料。在這篇文章中，要學習如何在 React 中使用 Axios 套件來進行 CRUD...

鯨魚 ‧ 2024-10-04

0 Like 0 留言 765 瀏覽

鐵人賽 Modern Web DAY 28

30天React練功坊-攻克常見實務/面試問題系列第 28 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day28: Fetch all synonyms for given word(interview question)

tags: ItIron2023 react 前言昨天我們完成了add emoji onclick的問題，額外用了幾個state以及timer去達到題目的要求...

windate3411 ‧ 2023-10-13

0 Like 0 留言 764 瀏覽

鐵人賽 Modern Web DAY 0

前端工程師的 Modern Web 實踐之道系列第 5 篇

技術前端框架三強鼎立：React vs Vue vs Angular 的深度解析與選擇策略

系列文章: 前端工程師的 Modern Web 實踐之道 - Day 5預計閱讀時間: 16 分鐘難度等級: ⭐⭐⭐☆☆ 🎯 今日目標在前一篇文章中，我們...

useKevin('front-end') ‧ 2025-09-18

0 Like 0 留言 763 瀏覽

鐵人賽 Modern Web DAY 14

react 學習記錄系列第 14 篇

技術 [Day14]我的 react 學習記錄 - createContext & useContext

這篇文章的主要內容簡單介紹 createContext 跟 useContext 的用途跟使用方法。 createContext & useCont...

evan_hsu ‧ 2023-09-28

1 Like 0 留言 763 瀏覽

鐵人賽 Modern Web DAY 16

我們可以不要 component library 了嗎？系列第 16 篇

技術 day16: Portal

用途：將元件掛載到指定節點。除了昨天的 Dialog 家族外，接下來的 Toast 與 ToolTip 也都有使用到這個元件。理由：在無法保證親代元件是否會有...

查理狐狐 ‧ 2022-09-27

0 Like 0 留言 762 瀏覽

鐵人賽影片教學 DAY 9

150 分鐘學 React 系列第 9 篇

技術第 8 天 [ 重複渲染、條件渲染、預設值、 dangerouslySetInnerHTML ]

今天的重點摘錄重複渲染： map 條件渲染： && 預設值： || dangerouslySetInnerHTML={{__html: St...

我是圈圈 ‧ 2022-09-22

0 Like 0 留言 762 瀏覽

鐵人賽 Modern Web DAY 30

現在就學React.js 系列第 30 篇

技術 React Redux Toolkit Day30

Redux 是一個狀態管理庫，主要用來管理應用中的全局狀態，特別是當應用變得複雜時。Redux Toolkit（RTK）是官方推薦的開發 Redux 應用的工具...

鯨魚 ‧ 2024-10-14

0 Like 0 留言 760 瀏覽

鐵人賽 Modern Web DAY 8

從 Open Source 專案學習 React 開發－以 lodestar-app 為例系列第 8 篇

技術 type

今天來看看讓我又愛又恨的 type type 眾所周知，JavaScript 本身是弱型別的語言他會根據你賦予的值，來判定當前的型別在 JavaScript 中...

HLTVProxy ‧ 2022-09-23 ‧團隊我可能不會完賽

0 Like 0 留言 760 瀏覽

鐵人賽 Modern Web DAY 8

30天React練功坊-攻克常見實務/面試問題系列第 8 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day8: Using index as key might be a huge disaster

tags: ItIron2023 react 前言我們昨天用了一個很簡單的例子展示useEffect可能造成的memory leak issue，今天我們來看...

windate3411 ‧ 2023-09-23

0 Like 0 留言 759 瀏覽

鐵人賽 Modern Web DAY 11

30 days of React 系列第 11 篇

技術 Day 11 - 在React處理事件（上）

今天要學習如何在React中處理事件，以下是今天會提到的內容：如何設定事件處理器如何在事件處理器當中讀取props屬性資料將事件處理器作為props 傳...

yuu ‧ 2023-09-26 ‧團隊好想工作室 v7.0

1 Like 0 留言 757 瀏覽

鐵人賽 Modern Web DAY 10

react 學習記錄系列第 10 篇

技術 [Day10]我的 react 學習記錄 - react 如何運作跟 key 是什麼

這篇文章的主要內容簡單說說 react 是如何運作跟 key 是什麼 react 如何運作可以大略把 react 做的事情拆分成三個步驟，react 官方...

evan_hsu ‧ 2023-09-24

0 Like 1 留言 755 瀏覽

鐵人賽 Modern Web DAY 30

從 Open Source 專案學習 React 開發－以 lodestar-app 為例系列第 30 篇

技術 Review (2) & Endding

經歷漫長的日子，終於到了第三十天我們先短暫的回顧一下功能的部分 Review 在功能的部分我們看了專案三個功能分別是部落格、課程和結帳由於時間有限加上專案功能繁...

HLTVProxy ‧ 2022-10-15 ‧團隊我可能不會完賽

1 Like 0 留言 755 瀏覽

鐵人賽 Modern Web DAY 4

React Hook 不求人，建立自己的 Hook Libary 系列第 4 篇

技術 [DAY 04] 記憶吐司的 useCallback

前一篇 useEffect 大概了解之後，我們這篇來簡單了解一下 dependecies (就是辣個 []) 以及 useCallback 吧！前一篇：ht...

Charlie ‧ 2022-09-17 ‧團隊桌遊玩樂團

0 Like 0 留言 755 瀏覽

鐵人賽 Modern Web DAY 13

自己工具，自己 React － React學習系列第 13 篇

技術【D13】初探 props

本日先進行 component 內的 props初探，了解 component 如何與外面的資料進行互動，使每個物件都可以順利的把資料傳入作用。建立第一版 c...

eyelash*睫毛 ‧ 2022-09-28

技術 React 走出新手村 — Rick and Morty練習(I)

技術 【程式開發筆記08】實作Entity Framework Core DB First CRUD-(2)(.Net Core / EF Core / MSSQL)

技術 [Day1]挑戰前言

技術 [next 13] - components render 機制

技術 30天React練功坊-攻克常見實務/面試問題 Day16: React.memo not working corretly with function as props

技術 【Day27】R3F 3

技術 30天React練功坊-攻克常見實務/面試問題 Day27: Add emojis to the page onclick PartII(interview question)

技術 Day05：Firebase 服務中的資料架構

技術 [Day9]我的 react 學習記錄 - react event 綁定 & useState

技術 [DAY 06] useRef 與一般的變數有甚麼不同?

技術 表單工具 react-hook-form

技術 TypeScript 實戰：前端表單與串接 API

技術 Day14：將 Firebase 加進 React 專案之前置準備

技術 Day-2 本系列 overview

技術 Day-27 專案演練 - 寫在最後

技術 【Day 23】利用useReducer ＋ useContext管理複雜的狀態邏輯

技術 在 React 中使用 Axios 進行非同步請求 - Day20

技術 30天React練功坊-攻克常見實務/面試問題 Day28: Fetch all synonyms for given word(interview question)

技術 前端框架三強鼎立：React vs Vue vs Angular 的深度解析與選擇策略

技術 [Day14]我的 react 學習記錄 - createContext & useContext

技術 day16: Portal

技術 第 8 天 [ 重複渲染、條件渲染、預設值、 dangerouslySetInnerHTML ]

技術 React Redux Toolkit Day30

技術 type

技術 30天React練功坊-攻克常見實務/面試問題 Day8: Using index as key might be a huge disaster

技術 Day 11 - 在React處理事件（上）

技術 [Day10]我的 react 學習記錄 - react 如何運作跟 key 是什麼

技術 Review (2) & Endding

技術 [DAY 04] 記憶吐司的 useCallback

技術 【D13】 初探 props

標記使用者

技術【程式開發筆記08】實作Entity Framework Core DB First CRUD-(2)(.Net Core / EF Core / MSSQL)

技術【Day27】R3F 3

技術表單工具 react-hook-form

技術【Day 23】利用useReducer ＋ useContext管理複雜的狀態邏輯

技術在 React 中使用 Axios 進行非同步請求 - Day20

技術前端框架三強鼎立：React vs Vue vs Angular 的深度解析與選擇策略

技術第 8 天 [ 重複渲染、條件渲染、預設值、 dangerouslySetInnerHTML ]

技術【D13】初探 props