Recall

React 特色

Component

• 重複使用
• 畫面分割

Render

• 何時會渲染
  • 畫面首次出現
  • 狀態改變
• 如何渲染
  • 當作 Function 使用
  • 遞迴渲染 Component

JSX

• JavaScript 的延伸語法
  • 可以寫 HTML 在 JavaScript 裡
• 回傳只能使用一個 tag
  • tag 底下還是可以包其他 tag

Props

• 相似於 Function 的參數
• 可以決定 Component 的內容
  • 文字
  • 顏色
  • 圖片
• 讓 Component 更彈性

建置專案

Node.js

• 可以執行 JavaScript