# 3/8 部課 ### 如何跑react架構的網站(在本地端) 1. 打開terminal, 輸入 ```bash= # 創立一個 my-app 的資料夾,裡面放的是react相關程式碼 npx create-react-app my-app cd my-app npm start # (or `yarn start` if you have installed yarn) ``` 2. 在browser中打開`http://localhost:3000/`,就可以看到預設的畫面 ![image](https://hackmd.io/_uploads/rJRzt4dTp.png) ### 把react tutorial的code放到本地端 基本上就是全部放在src的資料夾裡,把原本重複名字的檔案覆蓋掉 (html檔要放在public的資料夾) Continue! [React](https://react.dev/learn/tutorial-tic-tac-toe) ### Other React-related structures [Next.js](https://nextjs.org/) [Gatsby](https://www.gatsbyjs.com/) ### Useful CSS template [MaterialUI](https://mui.com/) [Tailwind](https://tailwindcss.com/)