課程簡介
ReactJS 是 Facebook 推出的 JavaScript 函數(shù)庫,若以 MVC 框架來看,React 定位
是在 View 的范疇。要使用 React 除了要掌握 View 層技術(shù)之外,還需要掌握整個(gè) React
生態(tài)系統(tǒng)相關(guān)知識,包括 JavaScript 的模塊化知識、ES6 開發(fā)知識、webpack 打包動(dòng)作、
React Router 路由動(dòng)作,F(xiàn)lux/Redux 狀態(tài)管理以及 ImmutableJS 用于數(shù)據(jù)梳理。本課
程將就這些問題進(jìn)行介紹,輔助于一個(gè)電商示例,幫助開發(fā)者了解 ReactJS 開發(fā)的全貌。
目標(biāo)收益
了解前端工程和 React 生態(tài)系(Ecosystem)
掌握開發(fā)環(huán)境設(shè)置與 Webpack
掌握 React/JSX/Component
掌握 Props/State 基礎(chǔ)與 Component 生命周期
掌握 React Router
掌握 ImmutableJS
掌握 Flux/Redux]
培訓(xùn)對象
希望使用 ReactJS 進(jìn)行開發(fā)的前端人員
課程大綱
前端工程和 React 生態(tài)系(Ecosystem)簡介 |
Web 前端工程入門簡介 React 生態(tài)系入門簡介 |
React 開發(fā)環(huán)境設(shè)置與 Webpack 入門教學(xué) | React 開發(fā)環(huán)境設(shè)置與 Webpack 入門教學(xué) |
. React/JSX/Component 簡介 |
ReactJS 與 Component 入門介紹 JSX 簡明入門教學(xué)指南 |
Props/State 基礎(chǔ)與 Component 生命周期 | Props/State 基礎(chǔ)與 Component 生命周期 |
React Router | React Router |
ImmutableJS |
ImmutableJS |
Flux/Redux |
Flux 基礎(chǔ)概念與實(shí)戰(zhàn)入門 Redux 基礎(chǔ)概念 Redux 實(shí)戰(zhàn)入門 |
前端工程和 React 生態(tài)系(Ecosystem)簡介 Web 前端工程入門簡介 React 生態(tài)系入門簡介 |
React 開發(fā)環(huán)境設(shè)置與 Webpack 入門教學(xué) React 開發(fā)環(huán)境設(shè)置與 Webpack 入門教學(xué) |
. React/JSX/Component 簡介 ReactJS 與 Component 入門介紹 JSX 簡明入門教學(xué)指南 |
Props/State 基礎(chǔ)與 Component 生命周期 Props/State 基礎(chǔ)與 Component 生命周期 |
React Router React Router |
ImmutableJS ImmutableJS |
Flux/Redux Flux 基礎(chǔ)概念與實(shí)戰(zhàn)入門 Redux 基礎(chǔ)概念 Redux 實(shí)戰(zhàn)入門 |