鐵人檔案
這次挑戰將從過去學習過的 JavaScript 與 Vue 經驗出發，重新認識 React 與 TypeScript 的核心概念與開發方式。前期會著重比較新舊技術之間的差異，後期則實際導入 AI 協作，讓 AI 負責產出程式碼，而我負責閱讀、拆解、理解與 Code Review。
比起單純追求「用 AI 完成一個專案」，希望透過這 30 天探索：當 AI 已經能夠協助寫程式時，身為開發者的我們應該理解什麼、判斷什麼，又該如何真正把 AI 產出的 Code 變成自己看得懂的程式碼。
作為一個剛接觸程式設計不久的超級新手，跨領域學習本身對我來說就已經是一件很有挑戰性的事情。但在學習過程中，我也經常聽老師提到，隨著 AI 持續發展，現在的開發方...
在正式開始接觸 React 之前，我想先從自己比較熟悉的 Vue 出發，看看這兩個同樣都能拿來開發前端的技術，到底有什麼不同。一開始學習時接觸較多的是 Vue...
前一篇是初步了解一下 React 與 Vue，這一篇就換成 TypeScript 與 JavaScript。 TypeScript 是我在學習 JavaScri...
雖然在前面Day1時說是預計照React → TypeScript → AI 協作 → Code Review → 學習回顧 這樣子慢慢進行，但因為個人有時比較...
.vue 檔案去哪裡了？ 在 Vue 中，一個元件通常是一個.vue檔案，並分成三個區塊： <script setup lang="ts&quo...
什麼是JSX？ 對多數人來說，JSX 應該已經是熟透透的老朋友了吧！但對我而言又是一個全新的學習區塊，就跟認識一位新朋友一樣，我也準備來慢慢熟悉 JSX 啦~在...
React 的 Props 是什麼？ 在上一篇的認識 JSX 中有出現這麼段程式碼： // App.tsx <TodoList todos={todo...
React 沒有 v-for？ 過去在使用 Vue 的專案中，會看到利用 v-for 顯示待辦事項清單： <!-- TodoList.vue -->...
今天換成來看看 Vue 的 v-if 跟 React 的條件渲染。 假設今天在 Vue 專案中，如果要決定是否顯示某段內容時，我們可以使用 v-if這個方法 &...
從 Vue 的 ref() 開始看 在 Vue 中，會使用 ref() 記錄可能改變的資料。例如 TodoForm.vue 使用 ref() 記錄輸入框目前的文...
