# Meeting 0803 ## Meeting Abstract 1. Assignment check 2. Modify sprint plan 3. Enter the github organization 4. Introduce to React structure ## Assignment Check - [Team Intro Web](/KUBi0QKvQn6kktL6sguM-Q) ### 劉長諺 - 把 script 另外寫到新的JS檔 - 把點點改成星星 ### 王鈞宇 - 新增有關 border-bottom-right-radius 的筆記 ### 陳宏瑜 - 新增點擊圖片可做切換表情的動畫 ### 林彥均 - personal blog 加上 rwd - link 加 eventListener("mouseover", changeColar()) - 寫切換裝置工具列等 docs ### 翁世華 - 完成 personal web to-do list - 完成 personal web 開發 - 完成 personal web 部署 ## Sprint plan ### Sprint 2 - Duration: 7/27 ~ 8/10 - Learn javascript (basic syntax, object, event lisenter, DOM, API fetch) - Start to develop [team web](https://hackmd.io/@ntouweb/HJWCDtGYR) ### Sprint 3 - Duration: 8/10 ~ 8/24 - Learn React.js ### Sprint 4 - Duration: 8/24 ~ 9/7 - Learn React.js - Complete team web ## Github Organization ### Pull Request ![image](https://hackmd.io/_uploads/r1FwYn_Y0.png =80%x) ### Git command - Checkout existed branch: `git checkout [branch-name]` - Create and checkout new branch: `git checkout -b [branch-name]` - Get remote git branch: `git pull origin [remote-branch-name]` ## React Lib Structure ### Index ```htmlembedded= <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="./src/assets/image.png" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Web Title</title> </head> <body> <div id="root"></div> <script type="module" src="/src/main.tsx"></script> </body> </html> ``` ### Main ```typescript= import React from 'react'; import ReactDOM from 'react-dom/client'; import App from './App'; import './index.css'; ReactDOM.createRoot(document.getElementById('root')).render( <React.StrictMode> <App /> </React.StrictMode> ); ``` ### App ```typescript= function App() { return ( <div className={style.App}> <main> <h1>This is a react web app</h1> </main> </div> ); } export default App; ```