鍍金池/ 教程/ HTML/ 為什么使用 React?
顯示數(shù)據(jù)
組件的引用
Controlled Input 值為 null 的情況
Reconciliation
子 props 的類型
組件的詳細說明和生命周期
傳遞 Props
特殊的非 DOM 屬性
組件 API
PureRenderMixin
雙向綁定輔助工具
瀏覽器中的工作原理
深入 JSX
表單組件
Dangerously Set innerHTML
入門
JSX 中的 If-Else
克隆組件
教程
更多的關(guān)于Refs
JSX 的 false 處理
高級性能
Mounting 后 componentWillReceiveProps 未被觸發(fā)
簡介
測試工具集
JSX 陷阱
工具集成(ToolingIntegration)
公開組件功能
通過 AJAX 加載初始數(shù)據(jù)
事件系統(tǒng)
可復(fù)用組件
this.props.children undefined
不可變數(shù)據(jù)的輔助工具(Immutability Helpers)
動態(tài)交互式用戶界面
組件的 DOM 事件監(jiān)聽
復(fù)合組件
動畫
插件
JSX 展開屬性
行內(nèi)樣式
性能分析工具
類名操作
與其他類庫并行使用 React
鍵控的片段
標簽和屬性支持
組件間的通信
React (虛擬)DOM 術(shù)語
JSX 根節(jié)點的最大數(shù)量
在樣式props中快速制定像素值
頂層 API
深入理解 React
自閉合標簽
為什么使用 React?
getInitialState 里的 Props 是一個反模式
與 DOM 的差異

為什么使用 React?

React 是一個 Facebook 和 Instagram 用來創(chuàng)建用戶界面的 JavaScript 庫。很人多認為 React 是 MVC 中的 V(視圖)。

我們創(chuàng)造 React 是為了解決一個問題:構(gòu)建隨著時間數(shù)據(jù)不斷變化的大規(guī)模應(yīng)用程序。為了達到這個目標,React 采用下面兩個主要的思想。

簡單

僅僅只要表達出你的應(yīng)用程序在任一個時間點應(yīng)該長的樣子,然后當?shù)讓拥臄?shù)據(jù)變了,React 會自動處理所有用戶界面的更新。

聲明式 (Declarative)

數(shù)據(jù)變化后,React 概念上與點擊“刷新”按鈕類似,但僅會更新變化的部分。

構(gòu)建可組合的組件

React 都是關(guān)于構(gòu)建可復(fù)用的組件。事實上,通過 React 你唯一要做的事情就是構(gòu)建組件。得益于其良好的封裝性,組件使代碼復(fù)用、測試和關(guān)注分離(separation of concerns)更加簡單。

給它5分鐘的時間

React挑戰(zhàn)了很多傳統(tǒng)的知識,第一眼看上去可能很多想法有點瘋狂。當你閱讀這篇指南,請給它5分鐘的時間;那些瘋狂的想法已經(jīng)幫助 Facebook 和 Instagram 從里到外創(chuàng)建了上千的組件了。

了解更多

你可以從這篇博客了解更多我們創(chuàng)造 React 的動機。

上一篇:簡介下一篇:更多的關(guān)于Refs