簡(jiǎn)介:你有多少次看了一些教程,想寫代碼的時(shí)候卻發(fā)現(xiàn)無從開始?沒有長(zhǎng)篇大論的文檔和PPT,正確的課程應(yīng)該是完全基于實(shí)例,本課程用一系列有趣的、簡(jiǎn)潔明快的實(shí)例由淺入深的闡述了 React 的特色,概念和基本使用。同時(shí)進(jìn)而引出了 React 16 新的概念和用法。讓沒有任何 React 基礎(chǔ)的人也能很快掌握核心概念并且應(yīng)用于實(shí)際工作中。實(shí)戰(zhàn)內(nèi)容:https://coding.imooc.com/class/302.html
第1章 進(jìn)入React的世界
在本章中,我們會(huì)闡述 React 的基本概念和優(yōu)勢(shì), 使用 creat-react-app 搭建了本地開發(fā)環(huán)境。完成第一個(gè)組件,并且使用 ReactDOM.render 方法把組件掛載到了 DOM 上。同時(shí)引出了一個(gè)類似 HTML 的神奇語法。
第2章 JSX語法
在本章中,我們會(huì)闡述 React 的基本概念和優(yōu)勢(shì), 使用 creat-react-app 搭建了本地開發(fā)環(huán)境。完成第一個(gè)組件,并且使用 ReactDOM.render 方法把組件掛載到了 DOM 上。同時(shí)引出了一個(gè)類似 HTML 的神奇語法。
第3章 Props/State/Forms 屬性和狀態(tài)
在本章中,將會(huì)通過四個(gè)有趣的實(shí)例 - 名片、點(diǎn)贊按鈕、電子時(shí)鐘,留言框來分別闡述了 React 的四個(gè)重要的基本概念- 屬性(props),狀態(tài)(state),生命周期,表單
第4章 綜合實(shí)例 - 留言本
順著表單的概念,在本章中我們將會(huì)完成一個(gè)留言板的綜合實(shí)例,將會(huì)要學(xué)習(xí)兩個(gè) React 不同于其他雙向綁定框架的重要概念 - 狀態(tài)提升 和 單向數(shù)據(jù)流。
第5章 React 16 之 Context
在本章中介紹了 React 16.3 一個(gè)新的特性 Context,通過一個(gè)樣式切換的小例子,讓大家了解了 Context 的核心概念,提供了代替 多層傳遞屬性 的解決方案
第6章 課程總結(jié)
在最后一章中,回顧本課程中所有關(guān)于 React 的概念,同時(shí)展望在 React 基礎(chǔ)課程之后的學(xué)習(xí)路徑和進(jìn)階課程。