【全棧React】React 30天教程索引

本文轉載自：衆成翻譯
譯者：iOSDevLog
連接：http://www.zcfy.cc/article/3758
原文：https://www.fullstackreact.com/30-days-of-react

對學習React 感興趣但不知道怎麼開始？

咱們會教你它是如何工做的 - 免費

在接下來的30天內，咱們將逐步瞭解您須要知道的與React相關的全部內容。 從咱們的第一個應用的從零開始到測試和部署。

下載超過300頁的 PDF

第1天 什麼是 React

今天，咱們從一開始就開始。讓咱們看看React是什麼，是什麼讓React運轉起來。咱們將討論爲何要使用它。

第2天 什麼是 JSX

如今咱們知道React是什麼，讓咱們來看看這個系列的其他部分將會出現的幾個術語和概念。

第3天 咱們的第一個組件

這個系列的前兩篇文章是很重要的討論。在今天的課程中，咱們來看看一些代碼，並寫下咱們的第一個React應用。

第4天 複雜組件

太棒了，咱們已經構建了第一個組件。如今讓咱們來看一下，開始構建一個更復雜的界面。

第5天 數據驅動

咱們的應用中的硬編碼數據不是好主意。 今天，咱們將把咱們的組件設置爲由數據驅動，訪問外部數據。

第6天 狀態

今天咱們開始瞭解React中有狀態組件的工做原理，而且看看咱們什麼時候以及爲何要使用狀態。

第7天 生命週期鉤子函數

今天，咱們將看看咱們能夠用於React組件的一些最多見的生命週期鉤子函數，咱們將討論爲何它們是有用的，什麼時間應該用什麼。

第8天 屬性類型

咱們正在考慮如何在今天從新使用React組件，這樣咱們不只能夠在應用並且能夠在團隊中共享咱們的組件。

第9天 樣式

沒有樣式的應用是不完整。咱們將看看咱們可使用不一樣的方法來調整組件，從傳統的CSS到內聯樣式。

第10天 交互性

今天，咱們將介紹如何添加交互性到咱們的應用，使其具備吸引力和交互性。

第11天 純組件

React提供了幾種建立組件的不一樣方法。今天咱們將討論建立組件的最終方案，即無狀態函數的純組件。

第12天 create-react-app

今天，咱們將添加一個構建過程來存儲常見的構建操做，以便咱們能夠輕鬆地開發和部署咱們的應用。

第13天 重複元素

今天，咱們將經過如何顯示多個組件來準備將外部數據引入咱們的應用。

第14天 獲取遠程數據

咱們已準備好外部請求獲取數據！今天咱們來看一下調用外部API的第一步。

第15天 Promise簡介

今天，咱們將要看看咱們須要知道什麼來從高層次瞭解Promises，因此咱們可使用這個很是有用的概念構建咱們的應用。

第16天 顯示遠程數據

咱們的前端應用與咱們在其中顯示的數據同樣有趣。今天，咱們開始提出數據請求，並將其集成到咱們的應用中。

第17天 客戶端路由

大多數（若是不是所有）咱們的應用將在咱們的單頁應用中有多個視圖。讓咱們直接使用React Router爲咱們的應用建立多個視圖。

第18天 Flux 簡介

處理客戶端應用中的數據是一項複雜的任務。今天咱們正在研究一種處理Facebook提出的複雜數據的方法，稱爲 Flux 體系結構。

第19天 用Redux進行數據管理

隨着咱們瞭解了flux和Redux的知識，讓咱們將Redux整合到咱們的應用中，並經過鏈接的應用。

第20天 Redux動做

使用Redux，咱們來談談咱們如何在咱們的應用中實際修改Redux狀態。

第21天 Redux中間件

今天，咱們在Redux方法中使用Redux中間件來管理咱們的代碼中的複雜狀態變化。

第22天 測試簡介

測試套件是一項前期投資，可在系統的整個生命週期內得到回報。今天咱們將介紹測試的主題，並討論咱們能夠寫的不一樣類型的測試。

第23天 實現測試

昨天咱們檢查了咱們在React中寫的不一樣類型的測試。今天咱們親自動手來看看結果。咱們將安裝設置測試所需的依賴關係以及寫入咱們的第一個斷言。

第24天 測試應用

咱們先看一下咱們應用的一個特徵，並考慮邊緣案例的位置以及咱們假設將會發生的狀況

第25天 使用Enzyme作更好的測試

今天，咱們將看看一個由Airbnb所保留的開源庫，名爲Enzyme，使得測試變得簡單易用。

第26天 集成測試

今天咱們將編寫測試來模擬用戶如何與咱們的應用進行交互，並在現實的瀏覽器中測試咱們的應用的整個流程。

第27天 部署介紹

今天，咱們將探討部署咱們的應用所涉及的不一樣部分，以便外界可使用咱們的應用。

第28天 部署

今天，咱們將看看一些即將推出的選項，以便咱們的網站啓動並運行。到今天結束時，您將能夠共享一個連接到正在運行的應用。

第29天 持續集成

今天，咱們將介紹一些可持續的集成解決方案，爲咱們提供運行測試以及實施測試咱們在雲中的應用。

第30天 總結和更多的資源

咱們作到了！第30天。恭喜！如今，您有足夠的信息來編寫一些很是複雜的數據集成，風格完美樣式，通過測試和部署的應用。

常見問題解答

這是什麼？

本課程是一系列文章，教你如何使用React從頭開始。該系列提供了一個按部就班的過程，您可使用它從一個空文件夾中學習React到部署的React應用。

若是我被卡住了怎麼辦？

只需發送電子郵件，咱們將很樂意幫助您解決

誰寫的這個？

咱們是Fullstack React Book的做者