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

1 Like 0 留言 295 瀏覽

鐵人賽 SideProject30 DAY 21

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

技術 Day21：在 React 專案中使用 Firebase Authentication 實作會員管理(四)

會員管理終於來到最終章，因為其他功能都是 CRUD，而且也因為 Firebase 將使用者認證這塊切得很細，所以花較多的篇幅來介紹。然而雖然使用者在註冊成功當下...

Annie ‧ 2023-10-06

0 Like 0 留言 293 瀏覽

鐵人賽 Modern Web DAY 22

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

技術 30天React練功坊-攻克常見實務/面試問題 Day22: Simple todo-list(interview question)

tags: ItIron2023 react 前言昨天我們用了一個簡單的問題來測驗你對於react render邏輯的了解程度，相信透過昨天的經驗你應該對於u...

windate3411 ‧ 2023-10-07

0 Like 0 留言 292 瀏覽

鐵人賽 Modern Web DAY 7

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

技術表單工具 react-hook-form

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

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

0 Like 0 留言 291 瀏覽

鐵人賽 Modern Web DAY 19

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

技術 30天React練功坊-攻克常見實務/面試問題 Day19: useState initial value not update after re-render

tags: ItIron2023 react 前言我們昨天看了一個少見的useLayoutEffect的實用例子，很多工具只要正確使用就能發光發熱，但前提是你...

windate3411 ‧ 2023-10-04

1 Like 0 留言 290 瀏覽

鐵人賽 SideProject30 DAY 24

Laravel 擴展宇宙：從 1 到 100 十倍速打造產品獨角獸系列第 24 篇

技術 #23 API Request 淺談與 React Hook

在接下來的的幾天內，需要跟 API server 去整合跟修正使用真實資料後的調整，在這邊會使用到了 React Hook 來整合我們的 Request AP...

Bill ‧ 2023-10-09 ‧團隊所以隊名要叫什麼

0 Like 1 留言 290 瀏覽

鐵人賽 Modern Web DAY 29

React 走出新手村系列第 29 篇

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

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

LucianoLee ‧ 2023-09-29

0 Like 0 留言 289 瀏覽

鐵人賽 Modern Web DAY 8

30 days of React 系列第 8 篇

技術 Day 8 - 渲染清單

昨天我們透過條件式渲染讓電影清單能夠依據電影名稱顯示相對應的資料，也能直接在object中新增資料來維護，但這還差一點，這還沒有達到毋須修改元件結構自動渲染。今...

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

0 Like 0 留言 289 瀏覽

鐵人賽 Modern Web DAY 28

react 學習記錄系列第 28 篇

技術 [Day28]我的 react 學習記錄 - immer

這篇文章的主要內容簡單介紹 immer。 Immer 在 react 專案裡面我們會希望可以確保所有狀態都是 immutable 的，盡量去避免直接操作現有...

evan_hsu ‧ 2023-10-12

0 Like 0 留言 287 瀏覽

鐵人賽 Modern Web DAY 9

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

技術 30天React練功坊-攻克常見實務/面試問題 Day9: Data fetch with useEffect not work as expected

tags: ItIron2023 react 前言我們昨天看了在渲染陣列時用index作為key的一些隱憂，今天我們輕鬆一點，來看一個相對簡單的問題，但即便是...

windate3411 ‧ 2023-09-24

0 Like 0 留言 286 瀏覽

鐵人賽 Modern Web DAY 21

前端開發之那些我會的與我不會的技術系列第 21 篇

技術 React Hook: useLayoutEffect的使用與注意事項

今天要來介紹的是useLayoutEffect這個hook，這個hook和useEffect的使用方式很類似，差別在於useEffect是在畫面已經繪製上去，...

ss95159 ‧ 2023-10-06

0 Like 0 留言 285 瀏覽

鐵人賽 Modern Web DAY 27

react 學習記錄系列第 27 篇

技術 [Day27]我的 react 學習記錄 - react hook form

這篇文章的主要內容簡單介紹 react hook form react hook form 今天要來簡單介紹處理表格輸入跟驗證的好幫手 react hook...

evan_hsu ‧ 2023-10-11

0 Like 0 留言 285 瀏覽

鐵人賽 Modern Web DAY 11

react 學習記錄系列第 11 篇

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

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

evan_hsu ‧ 2023-09-25

0 Like 0 留言 284 瀏覽

鐵人賽 Modern Web DAY 3

react 學習記錄系列第 3 篇

技術 [Day3]我的 react 學習記錄 - webpack

這篇文章的主要內容簡單介紹 webpack 是什麼。 webpack 是什麼？問問現在還算流行的 chatGPT Webpack是一個用於打包、轉換和管...

evan_hsu ‧ 2023-09-17

0 Like 0 留言 284 瀏覽

鐵人賽 Modern Web DAY 23

前端開發之那些我會的與我不會的技術系列第 23 篇

技術 React性能優化：利用useDeferredValue提升應用程式效能

今天要來介紹的是useDeferredValue，這個hook可以用來延後畫面的更新，幫助我們優化一些像是大量的畫面更新造成的操作卡住問題。可以先看看官方文件提...

ss95159 ‧ 2023-10-08

0 Like 0 留言 282 瀏覽

鐵人賽 Modern Web DAY 21

30 days of React 系列第 21 篇

技術 Day 21 - 保存和重置 state

昨天學了元件間如何共用 state，今天要來看如何保存和重置 state。今天的內容： UI 樹中的位置在相同的位置的相同元件在相同位置的不同元件在相...

yuu ‧ 2023-10-06 ‧團隊好想工作室 v7.0

0 Like 0 留言 282 瀏覽

鐵人賽 Modern Web DAY 8

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

技術 [next 13] - components render 機制

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

時雨 ‧ 2023-09-23

0 Like 0 留言 279 瀏覽

鐵人賽 Modern Web DAY 13

30 days of React 系列第 13 篇

技術 Day 13 - 在React中使用state

今天要來學習state的應用，內容包含：認識state 操作方法 stateHook 什麼是state? 如何理解 state，字面上的意思就是當前的程式...

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

0 Like 0 留言 279 瀏覽

鐵人賽 Modern Web DAY 29

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

技術【Day 29】從vue-router學react-router(下) - 更多的常見用法

今天會延續昨天尚未看完的一些常見用法，繼續從vue-router學react-router。在正式開始之前，也稍微前情提要一下，昨天我們除了了解什麼是react...

文科少女 ‧ 2023-10-05 ‧團隊曼陀號計畫V

0 Like 0 留言 276 瀏覽

鐵人賽 Modern Web DAY 3

React前端開發 - 安裝,coding ,架設 - ver. React 17以下系列第 7 篇

技術 Ch7. React 呼叫ajax外部API支援

檔案分類我們在撰寫React，會需要養成習慣，清楚分類你的專案。可能因為公司、個人風格、複製來的專案。規劃好檔案分類現在自學可能只有"你自己&qu...

rian1995 ‧ 2023-09-08

1 Like 0 留言 276 瀏覽

鐵人賽 Modern Web DAY 10

react 學習記錄系列第 10 篇

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

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

evan_hsu ‧ 2023-09-24

0 Like 0 留言 275 瀏覽

鐵人賽 Modern Web DAY 18

React 走出新手村系列第 18 篇

技術 React 走出新手村 — 在組件裡犯的錯(II)

前言今天我們接續前一篇的案例，再來講講一些NG的案例，總是會有一些講不聽不想拆 component 的人，在新版本的環境下應該會被強制修改，因為如果不改的話會...

LucianoLee ‧ 2023-09-18

0 Like 0 留言 273 瀏覽

技術 React 六角學院-學習筆記(React Hooks)

React Hook(useState, useEffect...等) 在React中函式內一般變數若更新畫面上不會跟著更動所以要用useState等方法...

willy718066 ‧ 2023-09-29

0 Like 0 留言 273 瀏覽

鐵人賽 Modern Web DAY 23

react 學習記錄系列第 23 篇

技術 [Day23]我的 react 學習記錄 - react router

這篇文章的主要內容簡單介紹常用的 react 處理用戶端路徑的 library - react router。 react router react 是一個...

evan_hsu ‧ 2023-10-07

0 Like 0 留言 272 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 [Day18]TailwindCSS介紹和安裝

前言在開發前端頁面時我們有多種樣式開發的選擇，可以選擇傳統的CSS寫法、使用UI Framework或Utility-first Framework等，為了達...

Yihsuan ‧ 2023-10-03 ‧團隊Quokka In The Cloud

0 Like 0 留言 272 瀏覽

鐵人賽 Modern Web DAY 7

react 學習記錄系列第 7 篇

技術 [Day7]我的 react 學習記錄 - component

這篇文章的主要內容簡單說明什麼是元件化跟 react 裡面元件的種類什麼是元件？把畫面切分成一個個的區塊，並且透過傳入不同的參數讓那個區塊可以重複使用，...

evan_hsu ‧ 2023-09-21

1 Like 0 留言 272 瀏覽

鐵人賽 Modern Web DAY 5

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

技術 [DAY 05] useMemo 讓你網頁不卡卡

網頁中難免會有排序/過濾/資料整理等等的操作，有些列表式的查詢更可以一次列出一千多筆，只想排一下順序網頁就開始跟你鬧「彆扭」，這次來看看 useMemo 可以...

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

0 Like 0 留言 271 瀏覽

鐵人賽 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 留言 270 瀏覽

鐵人賽 Modern Web DAY 25

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

技術 30天React練功坊-攻克常見實務/面試問題 Day25: Implement simple pagination(interview question)

tags: ItIron2023 react 前言我們昨天看了一個很水的custom hook題目，希望透過那個水到爆炸的題目你有了解到可以利用custom...

windate3411 ‧ 2023-10-10

0 Like 0 留言 270 瀏覽

鐵人賽 Modern Web DAY 1

React前端開發 - 安裝,coding ,架設 - ver. React 17以下系列第 1 篇

技術 Ch1. 前端開發概論、環境

概論: 出發點是React.js，必須得說，在這麼多前端框架，會選他是因為，我以為是最多人用，理由很單純。可惜不是台灣最多職位需求的，通常Vue才是熱門。但我個...

rian1995 ‧ 2023-09-01

0 Like 0 留言 267 瀏覽

鐵人賽 Modern Web DAY 4

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

技術添加 Storybook

現在是把元件從專案中獨立出來了，但還只能從專案上去看到元件所呈現的結果，為了之後開發元件方便，來給元件庫加上 storybook 吧。可以直接將剛剛建好的...

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