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

0 Like 0 留言 727 瀏覽

鐵人賽 Modern Web DAY 9

React 走出新手村系列第 9 篇

技術 React 走出新手村－Memo處方簽

Memo解方今天我們接續前面的問題，大家是否有找到解答了呢？如果沒有的話，我會在下面提供兩種做法：第一種，在 memo 裡面用 callback 告訴...

LucianoLee ‧ 2023-09-09

0 Like 0 留言 727 瀏覽

鐵人賽 Modern Web DAY 30

React 走出新手村系列第 30 篇

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

Dynamic Routes 我們今天接續的做每個角色自己的頁面，來理解 Dynamic Routes 的實作層面。這部分我們可以先借一下 Next 官方的範例...

LucianoLee ‧ 2023-09-30

0 Like 0 留言 723 瀏覽

鐵人賽 Modern Web DAY 1

重新認識 FrontEnd 系列第 1 篇

技術 Day1：前言，前端到底在做什麼

在七天內的第三篇前言，致已經爆炸的時間管理... 網頁發展在 web 1.0 網路看板年代，網頁還僅僅只是一個純靜態內容的身份，使用者與內容提供者之間的互動式...

呆呆小將 ‧ 2024-08-06

0 Like 0 留言 711 瀏覽

鐵人賽 JavaScript DAY 30

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 30 篇

技術 Day30：TypeScript 在大型應用中的應用淺談

隨著前端技術的不斷發展，現代應用變得愈來愈複雜，開發團隊也愈來愈龐大。這時候，強大的型別系統與模組化結構就顯得至關重要。而 TypeScript，作為 Java...

Annie ‧ 2024-10-13

0 Like 0 留言 703 瀏覽

鐵人賽自我挑戰組 DAY 23

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

技術 Day-23 專案演練 - 狀態管理員 redux

Day-23 專案演練 - 狀態管理員 redux 近半年前的我剛碰到 redux 的時候，卡關卡很久，看 RTK 的官方教學看不懂，就在網上找到了原作者的教...

aoigj100 ‧ 2022-10-07

0 Like 0 留言 701 瀏覽

鐵人賽 Modern Web DAY 18

React 走出新手村系列第 18 篇

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

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

LucianoLee ‧ 2023-09-18

0 Like 0 留言 693 瀏覽

鐵人賽自我挑戰組 DAY 18

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

技術 Day-18 專案演練 - 重構程式碼

Day-18 專案演練 - 重構程式碼雖然並沒有影響專案的功能、畫面，但隨著 TodoPage 的篇幅越來越長，我感覺在撰寫程式的過程有點不太舒服，所以我打...

aoigj100 ‧ 2022-10-02

0 Like 0 留言 683 瀏覽

鐵人賽自我挑戰組 DAY 17

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

技術 [Day17] React專案初始化

昨天快速介紹過react，今天直接進入實作大綱建立專案並安裝React 安裝開發用到的套件 1.建立專案並安裝React 在要新增專案的地方輸入以下指令...

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

0 Like 0 留言 652 瀏覽

鐵人賽 Modern Web DAY 0

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

技術套件管理器選擇指南：npm、yarn、pnpm、bun

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

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

0 Like 0 留言 635 瀏覽

鐵人賽 JavaScript DAY 28

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 28 篇

技術 Day28：TypeScript 的實用工具與插件

TypeScript 在 JavaScript 基礎上提供了強大的靜態型別系統和編譯階段錯誤檢查功能。然而，TypeScript 的強大功能不僅限於型別檢查，還...

Annie ‧ 2024-10-11

0 Like 0 留言 605 瀏覽

鐵人賽 Modern Web DAY 14

React 走出新手村系列第 14 篇

技術 React 走出新手村－高階組件 (H.O.C.)

概念在JavaScript中，高階函數（Higher Order Functions）是指可以接受函數作為參數或callback function的函數，簡單...

LucianoLee ‧ 2023-09-14

0 Like 0 留言 578 瀏覽

鐵人賽 JavaScript DAY 19

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 19 篇

技術 Day19：使用 TypeScript 處理 React 元件的 State 和 Context 型別

在 React 開發中，State 和 Context 是兩個非常常見的功能，負責管理組件的狀態與跨組件的資料共享。而引入 TypeScript 後，我們可以為...

Annie ‧ 2024-10-02

0 Like 0 留言 566 瀏覽

鐵人賽自我挑戰組 DAY 2

網頁開發初心者翻譯蒟蒻 : JavaScript篇系列第 2 篇

技術網頁開發初心者翻譯蒟蒻 : JavaScript篇【Day2】- 什麼是JavaScript

Hello 大家好！👋 又見面了～我是30才跨領域轉職女子 - SOP小姐，前一天和大家提到這系列文的緣起，今天來讓大家快速了解一下什麼是JavaScript，...

Miss_SOP | SOP小姐 ‧ 2023-09-17

0 Like 0 留言 535 瀏覽

鐵人賽 JavaScript DAY 14

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 14 篇

技術 Day14：TypeScript 的繼承與多型 (Inheritance and Polymorphism)

在 TypeScript 中，繼承和多型是兩個重要的面向對象編程 (OOP) 概念，這些特性使程式碼具有更高的重用性和靈活性。透過繼承，我們可以建立新的類別來擴...

Annie ‧ 2024-09-27

0 Like 0 留言 532 瀏覽

鐵人賽自我挑戰組 DAY 1

網頁開發初心者翻譯蒟蒻 : JavaScript篇系列第 1 篇

技術網頁開發初心者翻譯蒟蒻 : JavaScript篇【Day1】- 前言

前言 Hello 大家好！我是30才跨領域轉職女子 - SOP小姐，在29歲這年決心轉職，跨入網頁開發的領域開始學習前端技能，並期待在30歲這年可以送給自己一...

Miss_SOP | SOP小姐 ‧ 2023-09-16

2 Like 0 留言 517 瀏覽

鐵人賽 JavaScript DAY 1

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 1 篇

技術 Day01：為什麼選擇 TypeScript 作為系列文章的主題？

在過去的前端開發中，TypeScript 正逐漸成為許多開發者的首選工具。作為一名開發者，我在學習和使用 TypeScript 的過程中，不僅感受到它帶來的開發...

Annie ‧ 2024-09-14

0 Like 0 留言 494 瀏覽

鐵人賽 JavaScript DAY 23

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 23 篇

技術 Day23：使用 TypeScript 為 API 請求和響應定義型別

在前端開發時，經常需要和後端 API 進行溝通，傳遞資料並接收回應。而在這些操作中，為了確保數據的正確性和程式碼的穩定性，使用 TypeScript 來為 AP...

Annie ‧ 2024-10-06

0 Like 0 留言 491 瀏覽

鐵人賽 JavaScript DAY 24

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 24 篇

技術 Day24：使用 TypeScript 為異步操作與 Promise 添加型別加持

在 JavaScript 中，異步操作（例如網絡請求、讀取檔案等）經常使用 Promise 來處理，而 TypeScript 允許我們為這些 Promise 和...

Annie ‧ 2024-10-07

0 Like 0 留言 466 瀏覽

鐵人賽 JavaScript DAY 15

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 15 篇

技術 Day15：TypeScript 的模組系統 (Modules)

在開發大型應用時，把程式碼分割成多個檔案是很重要的。這不僅讓程式碼更容易維護，也能夠提高團隊開發品質。這時候模組 (modules) 就相當好用了。TypeSc...

Annie ‧ 2024-09-28

1 Like 0 留言 465 瀏覽

鐵人賽 JavaScript DAY 4

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 4 篇

技術 Day04：TypeScript 的物件型別(Object Types)

在前一篇文章中，我們快速認識了如何進行型別註釋（Type Annotations），並介紹了型別中最基礎的原始資料型別。接下來將學習物件型別，這是開發中經常使用...

Annie ‧ 2024-09-17

0 Like 0 留言 438 瀏覽

鐵人賽 JavaScript DAY 27

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 27 篇

技術 Day27：使用 TypeScript 進行編譯階段錯誤檢查

TypeScript 則是一種靜態型別語言，通過在編譯階段進行型別檢查來提前捕捉在運行時可能會遇到意外的錯誤。這可以幫助我們避免許多潛在的 bug，使得程式碼更...

Annie ‧ 2024-10-10

0 Like 0 留言 436 瀏覽

鐵人賽 Modern Web DAY 15

重溫 React 官方文件回到最初的起點系列第 15 篇

技術 Day 15 - 更多關於 useState

昨天對 State 有了初步介紹，之後的官方文件其實也有對 State 直接有一個大章節，會留在後面的篇章。今天想講更多 useState 相關的內容，跟一些...

lihsuanh ‧ 2025-09-29

0 Like 0 留言 417 瀏覽

鐵人賽 JavaScript DAY 3

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 3 篇

技術 Day03：TypeScript 之基礎型別(Primitive Types)

了解 TypeScript 型別系統在完成開發環境的設置後，接下來就是深入了解 TypeScript 的型別系統了！作為 JavaScript 的超集，Ty...

Annie ‧ 2024-09-16

0 Like 0 留言 395 瀏覽

鐵人賽 JavaScript DAY 11

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 11 篇

技術 Day11：TypeScript 的型別別名 (Type Aliases)

型別別名 (Type Aliases) 在 TypeScript 中，型別別名提供了一個靈活的方式來簡化複雜型別，提升程式碼的可讀性，並且可以重複使用這些型別。...

Annie ‧ 2024-09-24

0 Like 0 留言 388 瀏覽

鐵人賽 JavaScript DAY 20

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 20 篇

技術 Day20：使用 TypeScript 為 React Hooks 增加型別註記

React 的 Hooks 是讓我們能夠在函式組件中使用狀態和生命週期的工具。而使用 TypeScript，則可以為這些 Hooks 增加型別註記，提升程式的可...

Annie ‧ 2024-10-03

1 Like 1 留言 368 瀏覽

鐵人賽 JavaScript DAY 5

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 5 篇

技術 Day05：TypeScript 的陣列型別(Array Types)

陣列型別陣列可以用來存放有序的資料列表，而依據陣列內資料的型別不同，宣告方式也會有所不同。 1. 基本使用最簡單的宣告方式是型別註記方法，使用「型別+方括號...

Annie ‧ 2024-09-18

0 Like 0 留言 364 瀏覽

鐵人賽 JavaScript DAY 25

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 25 篇

技術 Day25：TypeScript 的高級型別 (Advanced Types)

今天要介紹 TypeScript 裡的高級型別，分別是條件型別 (Conditional Types)、映射型別 (Mapped Types)與推斷型別 (In...

Annie ‧ 2024-10-08

0 Like 0 留言 357 瀏覽

鐵人賽 JavaScript DAY 21

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 21 篇

技術 Day21：使用 TypeScript 與 Redux，為 action 和 reducer 定義型別

Redux 是一個在 React 應用程式中常用的狀態管理工具，能夠有效地管理大型應用中的全域狀態。當我們使用 TypeScript 與 Redux 時，型別支...

Annie ‧ 2024-10-04

0 Like 0 留言 357 瀏覽

鐵人賽 JavaScript DAY 22

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 22 篇

技術 Day22：使用 TypeScript 為 React 元件定義複雜的型別

在開發大型 React 應用程式時，製作一些抽象化元件能提升程式碼的可重用性和可維護性。而在 TypeScript 的幫助下，可以為這些元件加上嚴格的型別註記，...

Annie ‧ 2024-10-05

0 Like 0 留言 342 瀏覽

鐵人賽 JavaScript DAY 10

用 TypeScript 重新定義前端開發：30 天的實踐與思考系列第 10 篇

技術 Day10：TypeScript 的介面 (Interface) 基本概念

介面 (Interface)的定義在 TypeScript 中，介面 (Interface) 是一種用來定義物件結構的合約。它為物件的屬性和方法提供了明確的描...

Annie ‧ 2024-09-23