從1.8萬篇文章中脫穎而出45個最棒的 React.js 學習指南（2018版）
譯者註：
原文作者研究了近1.8萬篇 React.js 文章得出這篇總結，全文既包含 React 入門，進階和綜合應用專題，也包括對路由、React Native、動畫、PWA等內容的專題介紹，其中還不乏各大公司團隊在前端重構的經驗以及熱門美劇《矽谷》在 react native 上的嘗試，非常適合用於對自己 React 技術棧的比對，用於查漏補缺，適合收藏閱讀。譯者保留了原文鏈接以及對應作者的 medium 或者 twitter 鏈接地址，方便讀者進行進一步查看和學習。文中如有錯誤，歡迎評論指出。
如果你對整體前端技術或者 React 生態技術棧關注較多，可以移步這裡查看更多：
hijiangtao：2017前端技術發展回顧
hijiangtao：從2.4萬篇文章中挑出的最棒的 JavaScript 學習指南（2018版）
在2017年1月至12月之間，我們對比了近18000篇 React.js 文章，並從中挑選出在2018年最有可能幫助提升你 web 開發技能的45篇學習指南。
這是一份非常有競爭力的名單（45/18000，或者說0.25%的入選機率），並認真挑選了過去一年裡對讀者最有幫助的 React.js 文章。 Mybridge AI 通過考慮受歡迎程度、參與度以及發表時間等因素來評估文章的質量。
為了提高相關性，學習指南一共分為15組（見下文）。
為了補上你在過去一年中可能錯過的最好的 React.js 學習指南，請為自己準備好充足的閱讀時間。如果你正在尋找過去一年中的 React.js 開源項目(avg. 3,366 ??): 點擊此處
推薦學習教程（譯者註：該鏈接為收費課程）
A) 入門：React Web 課程大全（第二版）：使用 Redux, Webpack 和 React-Router 來構建網站 [12,976 推薦，4.8/5 星]
B) 進階：高級 React 和 Redux：認證，測試，中間件，HOC 和部署 [34,116 推薦，4.7/5 星]
(點擊數字標題進入對應學習指南。數字編號 不代表 排名)
<一、指南>
No 1
Under the hood: ReactJS — 通過可視塊模式對整個 React 代碼庫進行解讀（Stack 以及 Fiber 版本）。由 Bohdan Liashenko 提供。
No 2
React Bits: 有關 React，你需要知道的一切。由 Vasa 提供。
No 3
React Express: 現代 React 應用程序開發的一體化初學者指南。由 Devin Abbott 提供。
No 4
Serverless Stack: 一個使用 React.js, AWS Lambda, API Gateway, DynamoDB 和 Cognito 創建全棧 serverless 應用（一款筆記應用）的指南。由 Frank Wang 和 Jay V 提供。
<二、開始上手>
No 5
所有關於 React.js 的基本概念，都涵蓋在這篇 Medium 文章中。由 Samer Buna 和 freeCodeCamp 提供。
No 6
2017 React 發展簡單回顧。由 Joshua Comeau and Hackernoon 提供。
No 7
使用 webpack 和 Babel 建立一個 React 開發環境。由 Joy Warugu 和 Scotch Development 提供。
No 8
Isn』t our code just the BEST: 回顧過去如同地獄般的6周，期間我重寫了 react 的 bumpers。由 fat 提供。
<三、組件>
No 9
我們編寫 React 組建的最佳實踐。由 Scott Domes 提供。
No 10
一個可靠的 React 組件能帶來的7個架構收益。由 Dmitri Pavlutin 提供。
No 11
簡單的 React 模式：處理 React 中的副作用。
No 12
高級組件的簡單介紹。由 Robin Wieruch 提供。
No 13
8個重要的 React 組件決策。由 Cory House 提供。
<四、結構&組織>
No 14
構建一個 React 應用的100%正確方式（或為什麼沒有這樣的事情）。由 David Gilbertson 提供。
<五、GraphQL>
No 15
How to GraphQL — GraphQL 的全棧教程。由 Graphcool 提供。
<六、Router>
No 16
關於 React Router 4 的一切。由 Brad Westfall 提供。
No 17
建立你自己的 React Router v4。由 Tyler McGinnis 提供。
<七、Redux>
No 18
在使用 Redux 之前需要在 React 中學習的8樣東西。由 Robin Wieruch 提供。
No 19
Redux 的4種方式：在十分鐘內實現 Thunk vs Saga vs Observable vs Redux Promise Middleware。由 Nader Dabit 提供。
No 20
使用 Redux 實現 JavaScript 不變性。由 David Xu 和 Toptal 提供。
<八、服務端渲染>
No 21
可擴展的 React 服務端渲染。由 Robert Arkwright 提供。
No 22
React 16 在服務端渲染上帶來了什麼新的內容？由 Sasha Aickin 提供。
<九、高級>
No 23
Clean Code vs. Dirty Code: React 最佳實踐。由 Donavon West 提供。
No 24
函數式 setState 是 React 的未來。由 Justice Mba 提供。
<十、性能>
No 25
React, 內聯函數和性能。由 Ryan Florence 提供。
No 26
優化你的 React 應用性能。由 Alex Sears 和 Auth0 提供。
No 27
React 在 Airbnb 列表頁面的性能修復。由 Joe Lencioni 提供。
No 28
如何大幅提升你的 React 應用表現性能。由 Noam Elboim 提供。
<十一、Progressive Web App>
No 29
Tinder 的一份 Progressive Web App 性能案例分析。由 Addy Osmani 提供。
No 30
一份 React 和 Preact 關於 Progressive Web App 性能表現的案例分析：Treebo。由 Addy Osmani 提供。
No 31
Twitter Lite 和大規模高性能的 React Progressive Web Apps。由 Paul Armstrong 提供。
No 32
使用 Preact 和 Firebase 構建一個小的 PWA 應用。 由 Dan Denney 提供。
<十二、React Native>
No 33
在 Instagram 里 React Native 如何大幅提升開發者速度。由 Instagram Engineering 提供。
No 34
如何構建我們自己的 React Native 應用。由 Siddharth Jain 提供。
No 35
我是如何為移動網路構建一個超級快速 Uber 克隆項目的？由 Narendra N Shetty 提供。
No 36
對比 Native iOS (Swift) 和 React-Native 的性能表現。由 John A. Calderaio 提供。
<十三、案例分析>
No 37
重構 Airbnb 前端。由 Adam Neary（Airbnb 軟體工程師）提供。
No 38
HBO 出版的劇集《矽谷》是如何使用 mobile TensorFlow, Keras 和 React Native 構建 「Not Hotdog」 的。由 Tim Anglade 提供。
No 39
使用 TypeScript，React 和 http://Socket.io 創建一個 Docker 儀錶板。由 Steve Hobbs 提供。
No 40
越來越多的痛苦：將 Slack 的桌面應用遷移到 BrowserView。由 Charlie Hess（Slack 軟體工程師）提供。
No 41
我是如何構建自己的課程平台的？由 Robin Wieruch 提供。
<十四、動畫>
No 42
深入 React 動畫。由 Nader Dabit 提供。
No 43
讓虛擬 DOM 動起來 — Sarah Drasner。由 Sarah Drasner 提供。
<十五、面試>
No 44
最被關注的 50 個 React 面試問題與答案。
No 45
React 面試問題：什麼在瀏覽器中被渲染了，是一個組件還是一個元素？由 Samer Buna 提供。
這些就是原作者總結的這一年裡 React.js 的學習指南。將它翻譯成中文，希望對正在學習並在日常中使用 React 的大家有幫助。
原文 - Learn React.js from Top 45 Tutorials for the past year (v.2018)
原文作者 - Mybridge 原文地址 - https://medium.mybridge.co/learn-react-js-from-top-45-tutorials-for-the-past-year-v-2018-28b7f4d4b2c4 譯者 - hijiangtao 譯文地址 - https://hijiangtao.github.io/2018/01/23/learn-react-js-from-top-45-tutorials-for-the-past-year-v-2018/
最後
如果喜歡使用微信的同學可以關注個人公眾號，微信搜索「 黯曉 」或者掃描 二維碼 關注，會同步我在知乎以及個人博客上發表的文章，談談前端技術與日常有趣事。喜歡使用知乎的同學可以關注我的專欄 初級前端工程師。
生活中難免犯錯，請多多指教！
推薦閱讀：
※前端開發每周閱讀清單：PWA 將與安卓原生平起平坐、V8 團隊致力於提高 ES2015 特性性能
※極樂技術周報(第二十六期)
※手把手教你DIY一個春運遷徙圖(一)