Hex School 六角學院於近期新開了一份 React 新手讀書會課程,對於激勵自身於工作之餘的進修很有效果。這篇筆記下第三週的相關心得和作法。
內容
1. 可以快速由 Create React App 來快速開啟一個 React 專案,內有包含 Webpack、Hot Reload…等功能 。
2. React Router 和眾多的套件會使用 Webpack 進行打包編譯
3. index.js 是程式的進入點,React-Router 統一於此層進入,就可以設定路由來切換頁面元件
4. BrowserRouter 和 HashRouter 在打包到 Prod 環境時,網址列會產生不同的變化。若使用前者來進行 SPA 網站的話,會需要後端進行導向處理 ( .htaccess, nginx, apache 都可,主要是將所有頁面請求導回到 index.html,而不是 404 Error )。
5. 通常元件的第一個字為大寫
6. useNavigate 是在 Hooks 內使用,跳轉回其他的 components
7. Outlet 可以用作巢狀路由外層的包覆區塊