這是一系列學習過程的筆記,透過 React 官方教學文件逐步練習與實做,希望能在 30 天內徹底玩過一遍 Reactjs 的功能同時建立起使用 Reactjs 的開發基礎。
複製元件 在少數的情況下,某個元件可能想要變更不屬於自己的 props(例如: 修改 this.props.children 的 className)。 或者是...
實作一個 Tabs 元件 我們已經談論了夠多關於 React 的用法和細節了,在學習的過程中小弟始終認為實作便是最佳的學習捷徑,所以這一次讓我們搭配一些時常會遇...
不變性的輔助函式(Immutability Helpers) 在一開始我們必須先對這文鄒鄒的術語做個解釋: 所謂的 Immutability 英文的意思就是不能...
PureRenderMixin 如果您的 React 元件的 render 函式非常單純(相對來說,就只是單純想把 props 和 state 輸出),您就可以...
效能工具 React 通常效能出乎意料的快,然而在某些情況下您還是需要盡可能的擠出效能,而官方也提供 shouldComponentUpdate 程式預置區塊給...
這篇文章為官方部落格的文章翻譯而來原文。過去幾天裡我們已經學習了關於 React 非常多的細節。因為官方這篇文章歸納整理得非常好,剛好適合我們歸納一次所學並複習...
元件的規範與生命週期 元件的規範 當我們透過 React.createClass 建立一個元件類別時,您應該提供一個遵循規範的物件 - 即至少包含一個 rend...
其他備註(1) 介紹 關於 React 其他備註的部分我們提供一些額外的資訊,它可能解答在實務上遇到的問題和提醒您一些常見的陷阱。 行內格式(Inline St...
空值(null)的控制輸入 通常我們會在 value 的屬性是上設定值,一旦綁定值我們稱為綁定元件。這麼做可以防止使用者隨意改變 value 除非您希望這麼做。...
最後一篇 首先感謝您的收看,節目終於要告一個段落了。當然這不會是終點,現在您應該具備一些關於使用 ReactJS 基本的技巧了,原本在最後幾篇我想要寫 Flux...