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