1. 程式人生 > >某課React16.4 開發簡書專案 從零基礎入門到實戰分享

某課React16.4 開發簡書專案 從零基礎入門到實戰分享

第1章 課程導學本章主要介紹學習react的重要性,課程的知識大綱,學習前提,講授方式及預期收穫。1-1 課程導學第2章 React初探本章主要講解React專案的開發環境搭建,工程程式碼結構及React中最基礎的語法內容,同時對前端元件化思想進行介紹。2-1 React簡介2-2 React開發環境準備2-3 工程目錄檔案簡介2-4 react中的元件2-5 React 中最基礎的JSX語法第3章 React基礎精講本章通過TodoList功能的實現,給大家完整介紹React的基礎語法,設計理念以及圍繞React展開的一些程式設計思維。3-1 使用React編寫TodoList功能3-2 React 中的響應式設計思想和事件繫結

3-3 實現 TodoList 新增刪除功能3-4 JSX語法細節補充3-5 拆分元件與元件之間的傳值3-6 TodoList 程式碼優化3-7 圍繞 React 衍生出的思考第4章 React高階內容本章講解React高階部分內容,包含PropTypes,生命週期函式,虛擬Dom,資料mock,動畫實現等部分課程講解。4-1 React developer tools 安裝及使用4-2 PropTypes 與 DefaultProps 的應用4-3 props,state 與 render 函式的關係4-4 React 中的虛擬DOM4-5 深入瞭解虛擬DOM4-6 虛擬 DOM 中的 Diff 演算法
4-7 React 中 ref 的使用4-8 React的生命週期函式4-9 React 生命週期函式的使用場景4-10 使用Charles實現本地資料mock4-11 React 中實現 CSS 過渡動畫4-12 React 中使用 CSS 動畫效果4-13 使用 react-transition-group 實現動畫(1)4-14 react-transition-group 的使用(2)第5章 Redux入門本章主要講解Redux產生背景,組成內容以及使用方式,通過例項帶大家上手Redux資料管理框架的使用。5-1 Redux 概念簡述5-2 Redux 的工作流程5-3 使用 Antd 實現 TodoList 頁面佈局
5-4 建立 redux 中的 store_x2645-5 Action 和 Reducer 的編寫5-6 使用 Redux 完成 TodoList 刪除功能_x2645-7 ActionTypes 的拆分5-8 使用 actionCreator 統一建立 action5-9 Redux 知識點複習補充第6章 Redux進階本章主要講解UI元件與容器元件基礎,如何使用redux-thunk,redux-saga等Redux中介軟體,以及react-redux的使用方式。6-1 UI元件和容器元件6-2 無狀態元件6-3 Redux 中傳送非同步請求獲取資料6-4 使用Redux-thunk 中介軟體實現ajax資料請求6-5 什麼是Redux的中介軟體6-6 Redux-saga 中介軟體使用入門(1)6-7 Redux-saga 中介軟體使用入門(2)6-8 如何使用 React-redux(1)6-9 如何使用 React-redux(2)6-10 使用React-redux完成TodoList功能第7章 專案實戰:Header元件開發本章講解專案中公用Header元件的開發,包含動畫效果實現,iconfont,immutable.js,styled-components的使用以及非同步資料的獲取。7-1 專案目錄搭建,Styled-Components 與 Reset.css 的結合使用7-2 使用 styled-components 完成 Header 元件佈局(1)7-3 使用 styled-components 完成 Header 元件佈局(2)7-4 使用 iconfont 嵌入頭部圖示7-5 搜尋框動畫效果實現7-6 使用 React-Redux 進行應用資料的管理7-7 使用 combineReducers 完成對資料的拆分管理7-8 actionCreators 與 constants 的拆分7-9 使用 Immutable.js 來管理store中的資料7-10 使用 redux-immutable 統一資料格式7-11 熱門搜尋樣式佈局7-12 Ajax獲取推薦資料7-13 程式碼優化微調7-14 熱門搜尋換頁功能實現7-15 換頁旋轉動畫效果的實現7-16 避免無意義的請求傳送,提升元件效能第8章 專案實戰:首頁開發本章將帶大家完成專案首頁的開發,課程能容包含react-router4的使用,元件及reducer的拆分設計,首頁部分的核心功能包含列表顯示,載入更多,返回頂部等。8-1 什麼是路由,如何在React中使用路由功能8-2 首頁元件的拆分8-3 首頁專題區域佈局及reducer的設計8-4 首頁文章列表製作8-5 首頁推薦部分程式碼編寫8-6 首頁非同步資料獲取8-7 非同步操作程式碼拆分優化8-8 實現載入更多功能8-9 返回頂部功能實現8-10 首頁效能優化及路由跳轉第9章 專案實戰:詳情頁面和登入功能開發本章將完成詳情頁面的開發,過程中將完整介紹react-router跨頁面傳值的方法及登陸鑑權的實現思路。同時我們將給大家介紹非同步元件和路由withRouter方法的使用方式。9-1 詳情頁面佈局9-2 使用redux管理詳情頁面資料9-3 非同步獲取資料9-4 頁面路由引數的傳遞9-5 登陸頁面佈局9-6 登陸功能實現9-7 登陸鑑權及程式碼優化9-8 非同步元件及withRouter路由方法的使用第10章 課程總結本章將給大家介紹專案的上線流程,React版本升級對本專案的影響,並帶大家進行整個課程的知識點回顧。10-1 專案上線流程10-2 React 版本升級說明10-3 課程總結

下載地址:百度網盤