在課程中我們有做了一個簡單的 blog 系統,完成了部分功能,而這一週的作業就是由你把剩下的功能完成,讓整個 blog 的功能變得更完整。
請做出一個簡單的 Blog SPA,會有以下幾個頁面:
- 登入頁面:輸入帳號密碼後可以登入
- 註冊頁面:可以開放使用者註冊
- About 頁面:隨意顯示一些關於這個部落格的話
- 文章列表頁面:可以看到所有文章,一頁只會顯示 5 筆,需要支援分頁功能,可以換頁
- 單篇文章頁面:點進去文章以後可以看到文章完整內容
- 發表文章頁面:可以輸入標題跟內文發文
Route 的部分請使用 React Router,資料請串接課程中提到的 API
https://github.com/Lidemy/lidemy-student-json-api-server
會用到的是 Users 跟 Posts 這兩個的資料。
課程中做了一半的 React App:https://github.com/aszx87410/react-board-test
- 請列出 React 內建的所有 hook,並大概講解功能是什麼
- 請列出 class component 的所有 lifecycle 的 method,並大概解釋觸發的時機點
- 請問 class component 與 function component 的差別是什麼?
- uncontrolled 跟 controlled component 差在哪邊?要用的時候通常都是如何使用?