iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
自我挑戰組

程式碼 AI 寫,我負責看懂:30 天拆解 React × TypeScript 系列

這次挑戰將從過去學習過的 JavaScript 與 Vue 經驗出發,重新認識 React 與 TypeScript 的核心概念與開發方式。前期會著重比較新舊技術之間的差異,後期則實際導入 AI 協作,讓 AI 負責產出程式碼,而我負責閱讀、拆解、理解與 Code Review。
比起單純追求「用 AI 完成一個專案」,希望透過這 30 天探索:當 AI 已經能夠協助寫程式時,身為開發者的我們應該理解什麼、判斷什麼,又該如何真正把 AI 產出的 Code 變成自己看得懂的程式碼。

參賽天數 5 天 | 共 5 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 01|程式碼都讓 AI 寫,那我到底要學什麼?

作為一個剛接觸程式設計不久的超級新手,跨領域學習本身對我來說就已經是一件很有挑戰性的事情。但在學習過程中,我也經常聽老師提到,隨著 AI 持續發展,現在的開發方...

2026-08-15 ‧ 由 Uni 分享
DAY 2

Day 02|React、Vue 都能做前端,它們到底差在哪?

在正式開始接觸 React 之前,我想先從自己比較熟悉的 Vue 出發,看看這兩個同樣都能拿來開發前端的技術,到底有什麼不同。一開始學習時接觸較多的是 Vue...

2026-08-16 ‧ 由 Uni 分享
DAY 3

Day 03|TypeScript 不就是 JavaScript 多寫一些型別嗎?

前一篇是初步了解一下 React 與 Vue,這一篇就換成 TypeScript 與 JavaScript。 TypeScript 是我在學習 JavaScri...

2026-08-17 ‧ 由 Uni 分享
DAY 4

Day 04|第一次打開 AI 寫的 React + TypeScript,我看得懂多少?

雖然在前面Day1時說是預計照React → TypeScript → AI 協作 → Code Review → 學習回顧 這樣子慢慢進行,但因為個人有時比較...

2026-08-18 ‧ 由 Uni 分享
DAY 5

Day 05|.vue 不見了?React Component 原來長這樣

.vue 檔案去哪裡了? 在 Vue 中,一個元件通常是一個.vue檔案,並分成三個區塊: <script setup lang="ts&quo...

2026-08-19 ‧ 由 Uni 分享