React16.8+Next.js+Koa2開發Github全棧項目教程

資源獲取連接點擊這裏

 

講解 Nextjs 項目的搭建，其中會搭建本身的服務集成 Koa，集成 Antd 做爲組件庫。本章中還講解了 Redis 在 Windows 和 Mac 系統上的安裝和啓動，講解了 Redis 的基礎使用，以及如何在 Nodejs 中鏈接 Redis 數據庫。

從目錄結構開始逐步解析 Nextjs 的使用方法，在這章裏，你能學到 Nextjs 的路由技巧，服務端渲染數據獲取的方式，以及如何同步客戶端渲染和服務端渲染的方式。同時咱們還會深刻 Nextjs 講解如何自定義 App 和 Document 組件，以及集成第三方 css-in-js 的方法。...

 

本章講解 React 的最新爆點功能：Hooks。咱們會介紹什麼是 Hooks，基礎 Hooks 的使用，包括 State Hooks，Effect Hooks、Context Hooks 和優化相關的 Hooks。而後咱們會結合經典實例講解在 Hooks 的使用中會遇到的問題，以及咱們如何解決他。

咱們會介紹 Redux 的使用。Redux 是如今很是火熱的數據狀態管理工具，也是 Flux 數據流最好的實現，如今的 React 開發中很是經常使用。同時咱們會着重介紹 Redux 如何集成到 Nextjs 當中，這其中須要考慮服務端渲染數據同步的問題，咱們會在課程中深度介紹。...

咱們圍繞着 OAuth 第三方受權協議進行講解。咱們會介紹什麼是 OAuth、他存在的意義、他的安全性、以及接入 OAuth 的流程。而後配合 Github OAuth 進行實戰演練，在這個過程當中咱們還會實現 session 功能，並將 session 數據存入 Redis。

講解項目內容總體的設計，包括頁面總體佈局，項目數據 API 代理，功能性組件的開發等。在項目正式開始頁面開發以前，作好基礎設施是提升開發效率的最好方法。

本章咱們進行首頁開發，主要包括獲取用戶本身建立的倉庫，star 的倉庫列表，並進行 Tab 切換展現。在這個過程當中咱們會開發一個通用的倉庫展現組件，還會設計一個數據緩存方案，使用 LRU 方案進行 cache。

本章咱們進行搜索頁面的開發，搜索頁面會擁有不少的刪選條件，咱們要把這些條件反應到 URL 上，而且保存搜索記錄，以帶來更好的用戶體驗。同時咱們會對搜索進行分頁展現。

本章咱們進行倉庫詳情頁的開發。無論是在我的頁面仍是搜索頁面，點擊倉庫均可以進入倉庫詳情頁面，在這裏咱們能夠查看倉庫的介紹信息，以及倉庫現存的 Issue 列表，咱們還以點擊查看 Issue 詳情。

最後一章咱們講解 Nextjs 項目的一些優化方式。包括如何將項目靜態化，如何在編譯的過程當中優化配置，讓編譯以後的文件更符合上線要求等。

資源獲取連接點擊這裏