400-888-5228

課程概述

本課程專注于React技術(shù)棧,旨在通過5天的集中訓練,從基礎(chǔ)概念到高級應用,全面覆蓋React開發(fā)的各個方面。課程內(nèi)容包括React基礎(chǔ)、組件化開發(fā)、狀態(tài)管理、路由處理、性能優(yōu)化、以及與Redux和MobX的整合使用等。通過深入淺出的講解和豐富的實戰(zhàn)案例,學員將掌握構(gòu)建高效、可維護的前端應用的能力。

課程對象

  1. 擁有Html5、CSS3和JavaScript基礎(chǔ)的開發(fā)者。
  2. 想要深入學習React及其生態(tài)系統(tǒng)的前端開發(fā)者。
  3. 希望提升前端開發(fā)效率和應用性能的技術(shù)人員。

課程目標

  • 理解React及其核心原理。
  • 掌握React組件開發(fā)、狀態(tài)管理、路由處理等關(guān)鍵技術(shù)。
  • 學習使用Redux和MobX進行狀態(tài)管理。
  • 完成從搭建項目基礎(chǔ)架構(gòu)到性能優(yōu)化的全過程。
  • 通過項目實戰(zhàn),提升解決實際問題的能力。

課程收益

  • 獲得React開發(fā)的全面知識,掌握最佳實踐和技術(shù)棧。
  • 通過實戰(zhàn)案例深化理解,提升項目開發(fā)能力。
  • 學會性能優(yōu)化技巧,提高應用性能。
  • 成功完成課程,將大大提升在前端開發(fā)領(lǐng)域的競爭力。

課程時長5天

課程大綱

時間內(nèi)容
第一天React 介紹
腳手架create-react-app
編寫第一個react
JSX語法
組件的創(chuàng)建-類組件
組件的創(chuàng)建-函數(shù)組件
組件的創(chuàng)建-嵌套
類組件的樣式
事件處理機制
ref的應用
狀態(tài)初體驗
列表渲染
key值解析
案例實現(xiàn)todolist
條件渲染
選項卡案例
案例:影院查詢
狀態(tài)再體驗
初識屬性性和屬性驗證
狀態(tài)和屬性
表單的受控和非受控
案例受控 todolist實現(xiàn)
第二天組件通訊:父子通信
組件通訊:非父子通信
組件狀態(tài)提升、訂閱發(fā)布和context方案
受控組件
非受控組件
react中的插槽
組件的生命周期概述
組件生命周期-初始化
組件生命周期-運行中
組件生命周期-銷毀
組件生命周期-案例演示
新生命周期-getDerivedStateFromProps
新生命周期-getSnapshotBeforeUpdate
輪播組件案例
React性能優(yōu)化
案例:Todolist組件板本
第三天hooks-useStat,useEffect使用
hooks-useCallback,useDemo
hooks-useRef,useContext
hooks-useReducer和自定義hooks
react-router 路由引入
react-router 一級路由和多級路由
react-router 路由跳轉(zhuǎn)和匹配組件
路由重定向和路由傳參
嵌套路由
聲明式導航和編程式導航
動態(tài)路由和路由攔截
withRouter和反向代理
路由案例:網(wǎng)站后臺管理系統(tǒng)
CSSModule
Flux和Redux簡介
Redux工作流程
Redux實戰(zhàn)和原理解析
Redux-reduce合并
第四天Redux中間件-redux-thunk
Redux中間件-redux-promise
Redux開發(fā)者工具
react-redux引入和使用
react-redux持久化
組件庫-antd安裝和使用(PC端)
組件庫-antd使用(移動端)
antd-mobile組件庫-輪播
antd-mobile組件庫-選項卡
antd-mobile組件庫-無限滾動
antd-mobile組件庫-搜索框
antd-mobile組件庫-Toast
immutable-基礎(chǔ)
immutable-進階
immutable-redux
Mobx-引入
Mobx-observable-autorun
Mobx-action
Mobx-runInAction
Mobx-react

為什么選擇艾威

艾威公司自2003年以來,一直是IT培訓領(lǐng)域的佼佼者。我們的課程緊跟技術(shù)發(fā)展趨勢,由經(jīng)驗豐富的講師授課,注重實戰(zhàn)應用,確保學員能夠快速理解和掌握最新的技術(shù)和工具。選擇艾威培訓,不僅能夠?qū)W習到系統(tǒng)全面的技術(shù)知識,還能通過我們精心設(shè)計的項目實戰(zhàn),迅速提升您的開發(fā)能力和市場競爭力。

培訓咨詢

發(fā)表回復

您的電子郵箱地址不會被公開。 必填項已用*標注

同類課程推薦同類課程推薦
IT技術(shù)培訓課程分類