@2024_HarryChen - 陳泓毓

下載專案

篩選器

輪播圖

Layout

TypeScript

在大型React專案中通常用此程式語言，你可以幫它想像成pro版的JavaScript

他可以對每個東西都加上型別，使得程式碼的出錯率減少，在閱讀及修改他人程式碼的時候也能更快速閱讀

所以在使用ts之前，必要的js基礎還是要有的

https://youtu.be/Mj8BJm6k0r0?si=9oEqF7B7EXJPuPg3

• 什麼是Node.js?
• 什麼是npm?

${} 模板字面量（template literal），用來動態生成字串，也就是這個字是隨著迴圈或條件而變動的(後面會詳述)

npm install react react-dom

npm install next

建立自己的React專案!

// 在終端機
cd 要將專案建在哪個資料夾 // 只能在c槽
npx create-next-app 專案名稱 // 不能大寫
//前端專案命名通常會在最後加上-frontend
// 全部按Enter 

// app 檔要刪掉

// 在專案裡面的終端機
npm i sass // 一定要有
npm install
// 下面視情況
npm install react-icons
npm install axios
npm install react-hook-form

Hello! React!