react實戰項目_React從入門到實戰

引言：本文主要介紹 React 元件，React 屬性與事件，React樣式 ，React Router ,本文隻介紹應該學的主體内容，因為大部分内容為實際操作。有想學習的可以私信我送免費教程

環境：node.js 開發工具vscode ，react15.3.2

一.React 元件：

1.React虛拟DOM概念這是React性能高效的核心算法

2.React元件，了解什麼是元件化

3.React 多元件嵌套

4.JSX内置表達式

5.生命周期，縱觀整個React的生命周期

二.React 屬性與事件

1.state屬性，控制着React的一切

2.Props屬性

3.事件與資料的雙向綁定，包含了父子頁面之間參數互傳

4.可複用元件，真正讓React開發快速，高效的地方

5.元件的Refs

6.獨立元件間共享Minxins

三.React樣式：

1.内聯樣式

2.内聯樣式中的表達式

3.Css子產品化，學習如何使用require進行樣式的引用

4.JSX樣式與Css的互轉

5.Ant Design 樣式架構使用

四.React Router

1.Router 概念

2.Router 參數傳遞

五.項目實戰 webpack熱加載指令：webpack-dev-server --contentbase src --inline --hot