課程介紹：

最新發(fā)布8小時(shí)學(xué)會(huì)React入門實(shí)戰(zhàn)視頻教程，此套教程由大地老師精心錄制，更新于2022年1月25日支持最新的React，8小時(shí)讓你學(xué)會(huì)React開發(fā)，沒錯(cuò)就是8小時(shí)！細(xì)致的講解，詳細(xì)的剖析，幽默的案例，由淺入深，逐步深入，讓你快速了解并掌握React的基礎(chǔ)語法、React組件、React中的請(qǐng)求數(shù)據(jù)、React的React-Router路由、以Antd的使用，一套最實(shí)用最新的React入門實(shí)戰(zhàn)視頻教程。(React學(xué)習(xí)交流群群號(hào)： 361893208)

 

 

8小時(shí)學(xué)會(huì) React + React-router4.x+Ant Design+Flux入門實(shí)戰(zhàn)視頻教程目錄結(jié)構(gòu)介紹：

 

01 React的介紹、yarn npx、用React腳手架create-react-app搭建React環(huán)境  運(yùn)行React項(xiàng)目（22分13秒）

1、大前端技術(shù)體系以及薪資介紹

2、React的介紹

3、搭建React開發(fā)環(huán)境之前的準(zhǔn)備工作。

4、搭建React開發(fā)環(huán)境的兩種方法

5、npx介紹

02 React目錄結(jié)構(gòu)分析 、創(chuàng)建組件、 JSX語法、 綁定數(shù)據(jù) 綁定對(duì)象（25分5秒）

1、React目錄結(jié)構(gòu)  

2、React創(chuàng)建組件

3、React JSX語法

4、React綁定數(shù)據(jù)

5、React綁定對(duì)象

  

03 React 創(chuàng)建組件、綁定屬性( 綁定class  綁定style)、引入圖片  循環(huán)數(shù)組渲染數(shù)據(jù)（32分29秒）

1、React 創(chuàng)建組件

2、React綁定屬性

3、React ( 綁定class  綁定style)

4、React引入圖片的三種方式

5、React循環(huán)數(shù)組渲染數(shù)據(jù)的幾種方式

  

04 React事件 方法、 React定義方法的幾種方式 獲取數(shù)據(jù) 改變數(shù)據(jù) 執(zhí)行方法傳值（13分33秒）

1、React 事件 

2、React 定義方法

3、React 方法改變this指向的三種方式

4、React 獲取表單數(shù)據(jù)、setState改變數(shù)據(jù)

5、React 執(zhí)行方法傳值

05 React 鍵盤事件 表單事件 事件對(duì)象以及React中的ref獲取dom節(jié)點(diǎn) 、React實(shí)現(xiàn)類似Vue的雙向數(shù)據(jù)綁定（35分8秒）

1、React 鍵盤事件 

2、React 表單事件

3、React 事件對(duì)象

4、React ref獲取dom節(jié)點(diǎn)

5、React 類似Vue的雙向數(shù)據(jù)綁定

06 React表單詳解 約束性和非約束性組件 input text checkbox radio  select  textarea  以及獲取表單的內(nèi)容(36分33秒)

1、React 監(jiān)聽from提交事件以及阻止默認(rèn)行為

2、React 表單 text  

3、React 表單radio  

4、React 表單checkbox  

5、React 表單select   

6、React 表單textarea

07 React實(shí)現(xiàn)Todolist練習(xí)（上）（15分21秒）

1、React 實(shí)現(xiàn)獲取表單數(shù)據(jù)

2、React增加數(shù)據(jù)

3、React 刪除數(shù)據(jù)

08 React實(shí)現(xiàn)Todolist練習(xí) Todolist 待辦事項(xiàng) 已經(jīng)完成事項(xiàng)（中）（22分8秒）

1、React checkbox綜合練習(xí)

2、React Todolist 待辦事項(xiàng)

3、React Todolist 已完成事項(xiàng)

 

09 React的模塊化以及封裝Storage實(shí)現(xiàn)todolist 待辦事項(xiàng) 已經(jīng)完成事項(xiàng) 以及實(shí)現(xiàn)數(shù)據(jù)持久化（下）（13分10秒）

1、React 中自定義模塊

2、自定義Storage模塊

3、React 代辦事項(xiàng)已完成事項(xiàng)數(shù)據(jù)持久化

10 React中的組件、父子組件、React props父組件給子組件傳值、子組件給父組件傳值、父組件中通過refs獲取子組件屬性和方法(34分3秒)

1、React 組件介紹

2、父子組件

3、父組件給子組件傳值

4、父組件給子組件傳方法

5、把整個(gè)父組件傳給子組件 

6、子組件給父組件傳值

7、父組件通過refs主動(dòng)執(zhí)行子組件的方法

8、父組件通過refs主動(dòng)獲取子組件數(shù)據(jù)

11 React  propTypes  defaultProps （11分15秒）

1、React 父子組件傳值 propTypes  

2、React  父子組件傳值 defaultProps 

12 React 獲取服務(wù)器數(shù)據(jù) axios插件 fetch-jsonp插件的使用（26分15秒）

1、React 獲取服務(wù)器數(shù)據(jù)axios

2、React  獲取服務(wù)器數(shù)據(jù)fetch-jsonp

13 React 生命周期函數(shù)（26分48秒）

1、React 生命周期函數(shù)介紹

2、constructor 、componentWillMount、 render 、componentDidMount

3、shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate

4、你在父組件里面改變props傳值的時(shí)候觸發(fā)componentWillReceiveProps

5、組件銷毀的時(shí)候觸發(fā)的componentWillUnmount

 

14 React路由 react-router4.x的基本配置（19分54秒）

1、react-router4.x 路由介紹

2、react-router4.x的基本配置

15 React路由 react-router4.x 動(dòng)態(tài)路由以及get傳值 React中使用url模塊（25分40秒）

1、react-router4.x 動(dòng)態(tài)路由

2、react-router4.x get傳值

3、React中使用url模塊解析get傳值

16 React【無人點(diǎn)餐無人收銀系統(tǒng)案例】路由配置、菜品列表制作、請(qǐng)求數(shù)據(jù)渲染二維數(shù)組、 動(dòng)態(tài)路由傳值【基礎(chǔ)項(xiàng)目】（31分8秒）

1、react-router4.x 路由配置

2、react-router4.x 請(qǐng)求菜品和菜品分類數(shù)據(jù)

3、react-router4.x 循環(huán)渲染二維數(shù)組

4、react-router4.x跳轉(zhuǎn)到菜品詳情傳值

17 React【無人點(diǎn)餐無人收銀系統(tǒng)案例】菜品詳情請(qǐng)求api渲染數(shù)據(jù) 以及解析Html【基礎(chǔ)項(xiàng)目】（16分11秒）

1、react-router4.x 請(qǐng)求菜品詳情api 渲染數(shù)據(jù)

2、react-router4.x 請(qǐng)求菜品詳情解析html

 

18 React 渲染數(shù)據(jù)注意事項(xiàng)、以及react-router4.x中使用js跳轉(zhuǎn)路由（24分41秒）

1、react-router4.x 渲染數(shù)據(jù)注意事項(xiàng)

2、react-router4.x 使用js跳轉(zhuǎn)路由

19 React  react-router4.x路由的嵌套（20分54秒）

1、react-router4.x 路由嵌套 父子路由

20 React react-router4.x中實(shí)現(xiàn)路由模塊化、以及嵌套路由父子組件傳值（29分4秒）

1、react-router4.x 路由模塊化

2、react-router4.x嵌套路由模塊化

3、react-router4.x嵌套路由模塊化 以及父子路由傳值

21 React UI框架Antd(Ant Design)的使用 以及react Antd的使用 button組件 Icon組件 Layout組件 DatePicker日期組件（21分14秒）

1、React Ui框架 Ant Design介紹

2、React Ui框架 Ant Design的使用

3、按鈕組件、icon組件、日期組件的使用

4、antd布局組件結(jié)合路由實(shí)現(xiàn)后臺(tái)管理界面

22、React UI框架 Antd (Ant Design)配置react-app-rewired按需加載Antd的css(11分54秒)

 

 

 

 課程部分視頻截圖（高清）：

 

 

 

 

 

 

 

 

 

 

Electron實(shí)戰(zhàn)視頻教程_Electron-Vue3、Electron-React、Electron-Angular...

￥128元

Angular教程_Angular+Antd入門實(shí)戰(zhàn)視頻教程-支持最新的Angular12.x（大地）

￥20元

Flutter視頻教程_Flutter仿京東商城項(xiàng)目實(shí)戰(zhàn)視頻教程-支持最新的Flutter3.x 支持鴻蒙OS(大地-已...

￥228元

Vue3.x教程_Vue3.x+Ts+Vuex+Antd Ui框架入門進(jìn)階視頻教程(34講)-大地老師

￥0元

購買過此商品的人還購買過

Http-server視頻教程（IT營大地）_Http-server模塊30秒打造輕量級(jí)Web服務(wù)器 可用于h5頁面手機(jī)...

￥0元

Koa教程_Koa2入門視頻教程（IT營大地）

￥139元

Angular教程_Angular+Antd入門實(shí)戰(zhàn)視頻教程-支持最新的Angular12.x（大地）

￥20元

5小時(shí)學(xué)會(huì)微信小程序入門教程-IT營大地

￥0元

6小時(shí)學(xué)會(huì)Vue+Vuex+MintUi+ElementUi+Mpvue入門實(shí)戰(zhàn)視頻教程免費(fèi)下載（大地）

￥0元

Nodejs+Mongodb+Express車展項(xiàng)目入門到實(shí)戰(zhàn)項(xiàng)目視頻教程-更新于2024年

￥0元

TypeScript視頻教程免費(fèi)下載-6小時(shí)學(xué)會(huì)TypeScript入門實(shí)戰(zhàn)-IT營大地

￥0元

Mongoose教程_Nodejs+Mongoose視頻教程-IT營大地

￥0元