這是一系列學習過程的筆記,透過 React 官方教學文件逐步練習與實做,希望能在 30 天內徹底玩過一遍 Reactjs 的功能同時建立起使用 Reactjs 的開發基礎。
重複利用元件 這裡的設計界面,指的是打破現有的設計元素(button, form, fields 等)組合出定義良好可重複使用的元件。這樣一來下次你需要建置一樣...
表單 表單元件像是 <input>,<textarea> 和 <option> 和其他元件有些不同,因為他們可以被使用者操作...
與瀏覽器之間的運作 React 針對瀏覽器提供了十分強大的抽象化概念,讓你在大部份的情況下不必再直接操作 DOM ,不過有些時候或許還是需要單純的存取底層的 A...
關於 Refs 當你透過 render() 回傳你的 UI 結構之後,你可能想要從外部調用這個元件實例的方法。通常情況下為了取得一些元件或計算後資料你可能這樣做...
工具整合 一般來說,每一個專案使用不同的建置方式,系統環境,以及部署方式。React 試著盡可能的讓一切與系統環境沒有任何相依性。 意味著官方盡可能讓所有平台都...
附加組件(Add-ons) 官方會把一些實用的共用工具放置在 React.addons。這些工具應該暫時被視為還在實驗階段,但最後官方應該會將其整合進核心功能或...
動畫 React 提供了一個 ReactTransitionGroup 的組件元件來作為一個底層的動畫 API,以及另一個 ReactCSSTransition...
雙向繫結(Two-way binding)輔助函式 React 可以搭配 ReactLink 是一種實作雙向資料繫結較簡單的方式。 注意: 如果您剛開始使用這...
操作樣式名稱(Class) classSet() 是一個協助您快速操作 DOM 裏 class 字串的工具。 這裡有一些常見的情況,當沒有使用 classSet...
單元測試 React.addons.TestUtils 讓您可以在您的測試框架中更簡單的測試您的元件(官方使用 Jest)。 簡單的來說它是一系列輔助的方法以協...