-
React , JSX, Props/State, Context
查看全部 -
ref 接受回調函數 拿到DOM節(jié)點
查看全部 -
react 生命週期
查看全部 -
State值是不能直接修改的 唯一修改的途徑是調用setState方法
查看全部 -
props 是純函數, 值不能改變.
查看全部 -
狀態(tài)提升: 將變化的state放在父組件統(tǒng)一管理.
單向數據流,不同于雙向綁定.
查看全部 -
受控組件(state)，與 非受控組件(ref)。
查看全部 -
如果不用箭頭函數，則需要綁定this。
onClick{ () => {this.increaseLikes() }}
綁定方法1：
onClick={this.increaseLikes.bind(this)
綁定方法2：
this.increaseLikes = this.increaseLikes.bind(this)
查看全部 -
組件初始化
constructor componentDidMount
組件更新
New props setState() forceUpdate() —>render ?componentDidUpdate
組件卸載
componentWillUnmount
舉例：電子鐘表
初始化當前時間
組件添加定時器
組件刪除
查看全部 -
Props（屬性）
組件—函數，輸入—輸出
V = f(props)
例： 一張名片
樣式：bootstrap foo，通過npm安裝在my-first-react工程文件夾中
在index.js中引用bootstrap
屬性是只讀的
純函數：不改變函數的值
非純函數
jsx只支持純函數
查看全部 -
這奇怪的HTML被編譯成什么？
BABEL在線編譯工具（JSX是語法糖，會被編譯成js代碼）
JSX基本原理：一種語法糖，---替代React.createElement()
返回的是ReactElement對象，此對象的屬性比較復雜，本質上是Object
查看全部 -
#Readme
項目文檔
#package.json
項目依賴、命令
#public公共文件
index.html：主頁 root節(jié)點是程序的主入口
#src文件
app文件與樣式文件
#新建組建(使用es6的語法)
1，src文件夾下，創(chuàng)建Welcome.js
2，引入依賴 import
3，新建類 extends React.component
4，新建render(){}方法，顯示結果
????return <h1> Hello React</h1>
5，導出整個類
????export default Welcome
6，把Welcome component掛在到節(jié)點上
????打開index.js，使用ReactDOM進行掛載
查看全部 -
3，cd 打開項目 以及 運行項目
npm start ?運行服務
查看全部 -
# 準備開發(fā)環(huán)境
1，官方腳手架工具 create-react-app
所需工具：terminal，node（版本大于6.5），npm
npm install create-react-app -g
2，創(chuàng)建項目
create-react-app my-first-react(項目名)
開始自動安裝依賴，耗時大概幾分鐘。
查看全部 -
第一章： 了解react
react 是一個UI庫，相當于MVVM中的V
react - a javascript library for building user interfaces
react 受歡迎的原因：
聲明式寫法-注重結果（相對于命令式-注重過程）// todo 了解這兩個思想
組件化，一切基于組件
一處學習，隨處編寫（web、native）
不過我覺得以上這些原因都太....不符合現(xiàn)實情況了，都是場面話。
react受歡迎的原因，我覺得一是因為facebook，
二是因為生態(tài)好，圈子活躍，成熟解決方案較多（1st）
三是相比于angular入門門檻低（也是vue崛起的原因之一），
四是出于前端架構師們的個人喜好吧，目前看來react的愛好者更多一點
查看全部
舉報