有了前面 30 天的基礎之後,開始學 React 吧~
React 打算寫
開發環境
jsx
class component
function component
state
props
React Router
Hooks:
useState
useEffect
useRef
useContext
這篇先來介紹如何建立 React project:
在安裝 React 之前要先安裝 Node.js
Create React App 可以讓我們以最快速度開始開發 React,不需要手動設定 webpack, Babel, Eslint 等工具。
npx create-react-app 專案名稱
建立出來的 React project 會包含三個套件:React, ReactDOM, react-scripts
安裝後,可以到 package.json 查看是否有安裝成功
2. cd 專案名稱
3. npm start
啟動伺服器,完成後畫面如下