摘要:今天我們將討論創建組件的最終方案,即無狀態函數的純組件。今天我們正在研究一種處理提出的復雜數據的方法,稱為體系結構。第天部署介紹今天,我們將探討部署我們的應用所涉及的不同部分,以便外界可以使用我們的應用。
本文轉載自:眾成翻譯
譯者: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的作者
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/84665.html
摘要:本文轉載自眾成翻譯譯者鏈接原文我們做到了第天。歡迎來到最后一天恭喜你做到了我們此行的最后一個部分是通過參與。反應社區是活躍成長和友好的。 本文轉載自:眾成翻譯譯者:iOSDevLog鏈接:http://www.zcfy.cc/article/3800原文:https://www.fullstackreact.com/30-days-of-react/day-30/ 我們做到了!第30天...
摘要:本文轉載自眾成翻譯譯者鏈接原文今天,我們從一開始就開始。讓我們看看是什么,是什么讓運轉起來。什么是是一個用于構建用戶界面的庫。它是應用程序的視圖層。所有應用程序的核心是組件。組件是可組合的。虛擬完全存在于內存中,并且是網絡瀏覽器的的表示。 本文轉載自:眾成翻譯譯者:iOSDevLog鏈接:http://www.zcfy.cc/article/3765原文:https://www.ful...
摘要:本文轉載自眾成翻譯譯者鏈接原文今天,我們將添加一個構建過程來存儲常見的構建操作,以便我們可以輕松地開發和部署我們的應用。在要創建應用的目錄中打開終端窗口。文件有一個的節點,這個應用本身將被自動掛載這是在文件中處理的。 本文轉載自:眾成翻譯譯者:iOSDevLog鏈接:http://www.zcfy.cc/article/3822原文:https://www.fullstackreact...
摘要:本文轉載自眾成翻譯譯者鏈接原文太棒了,我們已經構建了第一個組件。天前一章節,我們開始構建我們的第一個組件。內容部分內有個不同的項目組件。決定劃分組件的深度比科學更顯得藝術。子組件當組件嵌套在另一個組件中時,它被稱為子組件。 本文轉載自:眾成翻譯譯者:iOSDevLog鏈接:http://www.zcfy.cc/article/3817原文:https://www.fullstackre...
摘要:我們的應用由一個單一的元素組成。讓我們通過構建我們的第一個組件來開始接觸這個力量。我們將把組件寫成類。讓我們來看一個我們要調用的組件。然而,什么都不會在屏幕上呈現。 本文轉載自:眾成翻譯譯者:iOSDevLog鏈接:http://www.zcfy.cc/article/3799原文:https://www.fullstackreact.com/30-days-of-react/day-...
閱讀 2932·2023-04-26 01:49
閱讀 2066·2021-10-13 09:39
閱讀 2278·2021-10-11 11:09
閱讀 923·2019-08-30 15:53
閱讀 2816·2019-08-30 15:44
閱讀 916·2019-08-30 11:12
閱讀 2966·2019-08-29 17:17
閱讀 2371·2019-08-29 16:57