400-888-5228

課程概述

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

課程對(duì)象

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

課程目標(biāo)

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

課程收益

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

課程時(shí)長(zhǎng)5天

課程大綱

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

為什么選擇艾威

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

培訓(xùn)咨詢(xún)

發(fā)表回復(fù)

您的電子郵箱地址不會(huì)被公開(kāi)。 必填項(xiàng)已用*標(biāo)注

同類(lèi)課程推薦同類(lèi)課程推薦
IT技術(shù)培訓(xùn)課程分類(lèi)