React 已經成為了公司所有專案的前端必選框架了, JavaScript 社群非常活躍，而 React 也幾乎成為了前端最火熱的框架，所以各種知名的庫幾乎都已經有了 React 的版本。但是一些庫還沒有，比

this在javascript中已經相當靈活，把它放到React中給我們的選擇就更加困惑了。下面一起來看看React this的5種繫結方法。 1.使用React.createClass 如果你使用的是

英文: Understanding Memoization in JavaScript to Improve Performance 中文: 瞭解JavaScript中的Memoi

簡評：React Hooks 提供了一種非常簡便的方法來實現程式碼重用。本文介紹如何使用 React Hooks 重用程式碼，並簡單介紹和 HOC 實現方式的區別。 什麼是React Hooks？

為什麼要寫這個主題，是因為首先就是因為週會立了一個flag要說分享，但是我又不想去分享一些什麼類庫了，因為一些別的類庫對於我們業務來說，並沒有什麼特別好的幫助，其次之前跟同事聊天裡面，他問了我一個問題“你們是怎

對於較長的列表，比如1000個數組的資料結構，如果想要同時渲染這1000個數據，生成相應的1000個原生dom，我們知道原生的dom元素是很複雜的，如果長列表通過生成如此多的dom元素來實現，很可能使網頁失去

自從React釋出Fiber之後，更新速度日新月異，而生命週期也隨之改變，雖然原有的一些生命週期函式面臨廢棄，但理解其背後更新的機制也是一種學習 在這裡根據官方文件以及社群上其他優秀的文章進行一個對於生命週

Keys 是 React 用於追蹤哪些列表中元素被修改、被新增或者被移除的輔助標識。 render () {   return (     <ul>       {this.state.todo

本文為意譯，翻譯過程中摻雜本人的理解，如有誤導，請放棄繼續閱讀。 原文地址:Error Boundaries 在過去，React元件內部的javascript錯誤往往會讓React內部的state

本文來源:reactjs.org/blog/2018/1… LISENCE:Creative Commons Attribution 4.0 Intern

作者｜TimZaložnik 譯者｜謝麗 本文的目的不是要對 React、Vue 和 Angular 三者進行比較，已經有許多人對這個話題進行了比較深入的探討。 每個人都有自己的偏好。與其

生命週期圖解 參考該例 目前,我們只學習了一種方法來更新UI 我們呼叫 ReactDOM.render() 來改變輸出 在

轉載自:https://zhuanlan.zhihu.com/p/20295971， 今天看到這篇文章後情不自禁的轉載過來了，我的天老爺，我看到後直接菊花一緊，這寫的太好了，直接寫進我心坎裡了，我必須推薦你

在專案中引入並使用 JSX 新增支援 外掛支援 引入依賴

元素是構成 React 應用的最小單位 元素用來描述在螢幕上看到的內容 與瀏覽器的 DOM 元素不同，React 當中的元素事實上是 普通的物件 React DOM 可以