資訊專欄INFORMATION COLUMN
摘要：今天我們將討論創(chuàng)建組件的最終方案，即無狀態(tài)函數(shù)的純組件。今天我們正在研究一種處理提出的復(fù)雜數(shù)據(jù)的方法，稱為體系結(jié)構(gòu)。第天部署介紹今天，我們將探討部署我們的應(yīng)用所涉及的不同部分，以便外界可以使用我們的應(yīng)用。
本文轉(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)用的從零開始到測(cè)試和部署。
下載超過300頁的 PDF
第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天 Promise簡(jiǎn)介
今天，我們將要看看我們需要知道什么來從高層次了解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 簡(jiǎn)介
處理客戶端應(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動(dòng)作
使用Redux，我們來談?wù)勎覀內(nèi)绾卧谖覀兊膽?yīng)用中實(shí)際修改Redux狀態(tài)。
第21天 Redux中間件
今天，我們?cè)赗edux方法中使用Redux中間件來管理我們的代碼中的復(fù)雜狀態(tài)變化。
第22天 測(cè)試簡(jiǎn)介
測(cè)試套件是一項(xiàng)前期投資，可在系統(tǒng)的整個(gè)生命周期內(nèi)獲得回報(bào)。今天我們將介紹測(cè)試的主題，并討論我們可以寫的不同類型的測(cè)試。
第23天 實(shí)現(xiàn)測(cè)試
昨天我們檢查了我們?cè)赗eact中寫的不同類型的測(cè)試。今天我們親自動(dòng)手來看看結(jié)果。我們將安裝設(shè)置測(cè)試所需的依賴關(guān)系以及寫入我們的第一個(gè)斷言。
第24天 測(cè)試應(yīng)用
我們先看一下我們應(yīng)用的一個(gè)特征，并考慮邊緣案例的位置以及我們假設(shè)將會(huì)發(fā)生的情況
第25天 使用Enzyme做更好的測(cè)試
今天，我們將看看一個(gè)由Airbnb所保留的開源庫，名為Enzyme，使得測(cè)試變得簡(jiǎn)單易用。
第26天 集成測(cè)試
今天我們將編寫測(cè)試來模擬用戶如何與我們的應(yīng)用進(jìn)行交互，并在現(xiàn)實(shí)的瀏覽器中測(cè)試我們的應(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)行測(cè)試以及實(shí)施測(cè)試我們?cè)谠浦械膽?yīng)用。
第30天 總結(jié)和更多的資源
我們做到了！第30天。恭喜！現(xiàn)在，您有足夠的信息來編寫一些非常復(fù)雜的數(shù)據(jù)集成，風(fēng)格完美樣式，經(jīng)過測(cè)試和部署的應(yīng)用。
常見問題解答這是什么？
本課程是一系列文章，教你如何使用React從頭開始。該系列提供了一個(gè)循序漸進(jìn)的過程，您可以使用它從一個(gè)空文件夾中學(xué)習(xí)React到部署的React應(yīng)用。
如果我被卡住了怎么辦？
只需發(fā)送電子郵件，我們將很樂意幫助您解決
誰寫的這個(gè)？
我們是Fullstack React Book的作者
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/84665.html
摘要：本文轉(zhuǎn)載自眾成翻譯譯者鏈接原文我們做到了第天。歡迎來到最后一天恭喜你做到了我們此行的最后一個(gè)部分是通過參與。反應(yīng)社區(qū)是活躍成長(zhǎng)和友好的。 本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3800原文：https://www.fullstackreact.com/30-days-of-react/day-30/ 我們做到了！第30天...
摘要：本文轉(zhuǎn)載自眾成翻譯譯者鏈接原文今天，我們從一開始就開始。讓我們看看是什么，是什么讓運(yùn)轉(zhuǎn)起來。什么是是一個(gè)用于構(gòu)建用戶界面的庫。它是應(yīng)用程序的視圖層。所有應(yīng)用程序的核心是組件。組件是可組合的。虛擬完全存在于內(nèi)存中，并且是網(wǎng)絡(luò)瀏覽器的的表示。 本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3765原文：https://www.ful...
摘要：本文轉(zhuǎn)載自眾成翻譯譯者鏈接原文今天，我們將添加一個(gè)構(gòu)建過程來存儲(chǔ)常見的構(gòu)建操作，以便我們可以輕松地開發(fā)和部署我們的應(yīng)用。在要?jiǎng)?chuàng)建應(yīng)用的目錄中打開終端窗口。文件有一個(gè)的節(jié)點(diǎn)，這個(gè)應(yīng)用本身將被自動(dòng)掛載這是在文件中處理的。 本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3822原文：https://www.fullstackreact...
摘要：本文轉(zhuǎn)載自眾成翻譯譯者鏈接原文太棒了，我們已經(jīng)構(gòu)建了第一個(gè)組件。天前一章節(jié)，我們開始構(gòu)建我們的第一個(gè)組件。內(nèi)容部分內(nèi)有個(gè)不同的項(xiàng)目組件。決定劃分組件的深度比科學(xué)更顯得藝術(shù)。子組件當(dāng)組件嵌套在另一個(gè)組件中時(shí)，它被稱為子組件。 本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3817原文：https://www.fullstackre...
摘要：我們的應(yīng)用由一個(gè)單一的元素組成。讓我們通過構(gòu)建我們的第一個(gè)組件來開始接觸這個(gè)力量。我們將把組件寫成類。讓我們來看一個(gè)我們要調(diào)用的組件。然而，什么都不會(huì)在屏幕上呈現(xiàn)。 本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3799原文：https://www.fullstackreact.com/30-days-of-react/day-...
閱讀 2953·2023-04-26 01:49
閱讀 2082·2021-10-13 09:39
閱讀 2294·2021-10-11 11:09
閱讀 936·2019-08-30 15:53
閱讀 2825·2019-08-30 15:44
閱讀 932·2019-08-30 11:12
閱讀 2992·2019-08-29 17:17
閱讀 2385·2019-08-29 16:57
