Redux+React Router+Node.js全棧開發

第1章 介紹課程目標和學習內容
包括課程概述、課程安排、學習前提、講授方式等方面的介紹,最後演示了整個招聘App的功能,讓同窗們對課程項目有一個直觀的瞭解。

第2章 知識儲備
爲了學習好React,須要一系列的基礎知識做爲後盾,React官方也推薦所有ES6的寫法,因此分別接受了Nodejs基礎,使用create-react-app搭建React開發環境,版本控制git的使用,ES6經常使用的語法以及express+mongodb的基礎,爲後面的實戰打下基礎...

第3章 React基礎知識回顧
這一章節對 React基礎知識進行了複習,爲後面的項目實戰作準備。

第4章 Redux狀態管理與React-router
這一章節詳細的對 講解了 Redux、react-redux、react-rouer4 以及螞蟻金服antd-mobile組件庫的環境配置和使用。

第5章 需求分析
在以前配置全家桶的基礎之上,配置先後端聯調的轉發以及axios***

第6章 登陸註冊
這一章節包括登陸註冊的頁面實現,express+mongodb後端實現,cookie用戶狀態保存,完整的實現登陸註冊的交互。

第7章 完善信息
包括兩種身份用戶註冊完成後的信息完善,包括選擇頭像,輸入詳情,使用antd-mobile的NavBar和Grid組件實現。

第8章 牛人列表和BOSS列表
信息完善後,牛人進入系統,就會看到BOSS的列表,BOSS進入系統,看到找工做的牛人列表,使用antd-mobile的Card組件展現列表,而且點擊列表,能夠和對應的用戶發起聊天。

第9章 我的中心
登陸完成後,導航欄的我的中心頁的實現,BOSS和牛人展現不一樣的信息,而且有註銷登陸的功能。

第10章 聊天詳情
聊天詳情頁的功能開發,包括聊天數據結構在mongodb裏的存儲,用戶發起聊天,實時顯示聊天數據,而且支持用戶發送emoji表情,使用sockit.io+express+mongodb實現聊天的後端,使用redux管理聊天數據。

第11章 聊天列表
聊天列表頁的開發,包括聊天用戶的展現,每一個用戶未讀消息數量的實時顯示,導航欄未讀消息數量總數實時展現,包括介紹redux中間件機制的介紹,本身實現socket.io+redux的中間件。

第12章 構建本身的 redux
學習 React 和 Redux 常見優化手段,包括定製 shouldComponentUpdate,使用 PureComponent,immutablejs 介紹,reselect 和服務端渲染 SSR 介紹

第13章 代碼優化和進階
react常見代碼優化手段,包括pureComponent,本身定製組件渲染生命週期

第14章 項目總結,回顧和展望
回顧整個項目的流程,用到的技術以及項目的擴展點,包括 項目打包編譯,eslint 代碼規範,async+awiat 優化異步,ant motion 動畫,實現 React 服務端渲染 SSR,React16新版本特性react

 

下載地址:百度網盤下載ios

相關文章
相關標籤/搜索