全棧React: React 30天
本文轉(zhuǎn)載自：眾成翻譯
譯者：iOSDevLog
鏈接：http://www.zcfy.cc/article/3758
原文：https://www.fullstackreact.com/30-days-of-react
對(duì)學(xué)習(xí)React 感興趣但不知道怎么開始？
我們會(huì)教你它是如何工作的 - 免費(fèi)
在接下來的30天內(nèi)，我們將逐步了解您需要知道的與React相關(guān)的所有內(nèi)容。 從我們的第一個(gè)應(yīng)用的從零開始到測試和部署。
第1天 什么是 React?
今天，我們從一開始就開始。讓我們看看React是什么，是什么讓React運(yùn)轉(zhuǎn)起來。我們將討論為什么要使用它。
第2天 什么是 JSX?
現(xiàn)在我們知道React是什么，讓我們來看看這個(gè)系列的其余部分將會(huì)出現(xiàn)的幾個(gè)術(shù)語和概念。
第3天 我們的第一個(gè)組件
這個(gè)系列的前兩篇文章是很重要的討論。在今天的課程中，我們來看看一些代碼，并寫下我們的第一個(gè)React應(yīng)用。
第4天 復(fù)雜組件
太棒了，我們已經(jīng)構(gòu)建了第一個(gè)組件?，F(xiàn)在讓我們來看一下，開始構(gòu)建一個(gè)更復(fù)雜的界面。
第5天 數(shù)據(jù)驅(qū)動(dòng)
我們的應(yīng)用中的硬編碼數(shù)據(jù)不是好主意。 今天，我們將把我們的組件設(shè)置為由數(shù)據(jù)驅(qū)動(dòng)，訪問外部數(shù)據(jù)。
第6天 狀態(tài)
今天我們開始了解React中有狀態(tài)組件的工作原理，并且看看我們何時(shí)以及為什么要使用狀態(tài)。
第7天 生命周期鉤子函數(shù)
今天，我們將看看我們可以用于React組件的一些最常見的生命周期鉤子函數(shù)，我們將討論為什么它們是有用的，什么時(shí)間應(yīng)該用什么。
第8天 屬性類型
我們正在考慮如何在今天重新使用React組件，這樣我們不僅可以在應(yīng)用而且可以在團(tuán)隊(duì)中共享我們的組件。
第9天 樣式
沒有樣式的應(yīng)用是不完整。我們將看看我們可以使用不同的方法來調(diào)整組件，從傳統(tǒng)的CSS到內(nèi)聯(lián)樣式。
第10天 交互性
今天，我們將介紹如何添加交互性到我們的應(yīng)用，使其具有吸引力和交互性。
第11天 純組件
React提供了幾種創(chuàng)建組件的不同方法。今天我們將討論創(chuàng)建組件的最終方案，即無狀態(tài)函數(shù)的純組件。
第12天 create-react-app
今天，我們將添加一個(gè)構(gòu)建過程來存儲(chǔ)常見的構(gòu)建操作，以便我們可以輕松地開發(fā)和部署我們的應(yīng)用。
第13天 重復(fù)元素
今天，我們將通過如何顯示多個(gè)組件來準(zhǔn)備將外部數(shù)據(jù)引入我們的應(yīng)用。
第14天 獲取遠(yuǎn)程數(shù)據(jù)
我們已準(zhǔn)備好外部請(qǐng)求獲取數(shù)據(jù)！今天我們來看一下調(diào)用外部API的第一步。
第15天 承諾簡介
今天，我們將要看看我們需要知道什么來從高層次了解Promises，所以我們可以使用這個(gè)非常有用的概念構(gòu)建我們的應(yīng)用。
第16天 顯示遠(yuǎn)程數(shù)據(jù)
我們的前端應(yīng)用與我們?cè)谄渲酗@示的數(shù)據(jù)一樣有趣。今天，我們開始提出數(shù)據(jù)請(qǐng)求，并將其集成到我們的應(yīng)用中。
第17天 客戶端路由
大多數(shù)（如果不是全部）我們的應(yīng)用將在我們的單頁應(yīng)用中有多個(gè)視圖。讓我們直接使用React Router為我們的應(yīng)用創(chuàng)建多個(gè)視圖。
第18天 Flux 簡介
處理客戶端應(yīng)用中的數(shù)據(jù)是一項(xiàng)復(fù)雜的任務(wù)。今天我們正在研究一種處理Facebook提出的復(fù)雜數(shù)據(jù)的方法，稱為 Flux 體系結(jié)構(gòu)。
第19天 用Redux進(jìn)行數(shù)據(jù)管理
隨著我們了解了flux和Redux的知識(shí)，讓我們將Redux整合到我們的應(yīng)用中，并通過連接的應(yīng)用。
第20天 Redux操作
使用Redux，我們來談?wù)勎覀內(nèi)绾卧谖覀兊膽?yīng)用中實(shí)際修改Redux狀態(tài)。
第21天 Redux 中間件
今天，我們?cè)赗edux中使用Redux方法來管理我們的代碼中的復(fù)雜狀態(tài)變化。
第22天 測試簡介
測試套件是一項(xiàng)前期投資，可在系統(tǒng)的整個(gè)生命周期內(nèi)獲得回報(bào)。今天我們將介紹測試的主題，并討論我們可以寫的不同類型的測試。
第23 天 實(shí)現(xiàn)測試
昨天我們檢查了我們?cè)赗eact中寫的不同類型的測試。今天我們親自動(dòng)手來看看結(jié)果。我們將安裝設(shè)置測試所需的依賴關(guān)系以及寫入我們的第一個(gè)斷言。
第24天 測試應(yīng)用
我們先看一下我們應(yīng)用的一個(gè)特征，并考慮邊緣案例的位置以及我們假設(shè)將會(huì)發(fā)生的情況
第25天 使用Enzyme做更好的測試
今天，我們將看看一個(gè)由Airbnb所保留的開源庫，名為Enzyme，使得測試變得簡單易用。
第26天 集成測試
今天我們將編寫測試來模擬用戶如何與我們的應(yīng)用進(jìn)行交互，并在現(xiàn)實(shí)的瀏覽器中測試我們的應(yīng)用的整個(gè)流程。
第27天 部署介紹
今天，我們將探討部署我們的應(yīng)用所涉及的不同部分，以便外界可以使用我們的應(yīng)用。
第28天 部署
今天，我們將看看一些即將推出的選項(xiàng)，以便我們的網(wǎng)站啟動(dòng)并運(yùn)行。到今天結(jié)束時(shí)，您將可以共享一個(gè)鏈接到正在運(yùn)行的應(yīng)用。
第29天 持續(xù)集成
今天，我們將介紹一些可持續(xù)的集成解決方案，為我們提供運(yùn)行測試以及實(shí)施測試我們?cè)谠浦械膽?yīng)用。
第30天 總結(jié)和更多的資源
我們做到了！第30天。恭喜！現(xiàn)在，您有足夠的信息來編寫一些非常復(fù)雜的數(shù)據(jù)集成，風(fēng)格完美樣式，經(jīng)過測試和部署的應(yīng)用。
常見問題解答
這是什么？
本課程是一系列文章，教你如何使用React從頭開始。該系列提供了一個(gè)循序漸進(jìn)的過程，您可以使用它從一個(gè)空文件夾中學(xué)習(xí)React到部署的React應(yīng)用。
如果我被卡住了怎么辦？
只需發(fā)送電子郵件，我們將很樂意幫助您解決
誰寫的這個(gè)？
我們是Fullstack React Book的作者
