資訊專欄INFORMATION COLUMN
摘要：本文轉(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.fullstackreact.com/30-days-of-react/day-1/
今天，我們從一開始就開始。讓我們看看React是什么，是什么讓React運(yùn)轉(zhuǎn)起來。我們將討論為什么要使用它。
在接下來的30天內(nèi)，您可以體驗(yàn)到React網(wǎng)頁框架及其生態(tài)系統(tǒng)的各個(gè)部分。
我們的30天冒險(xiǎn)中的每一天都將建立在前一天的材料上，所以在系列結(jié)束之后，您不僅可以了解框架如何工作的術(shù)語，概念和基礎(chǔ)，而且可以在您的 下一個(gè)Web應(yīng)用程序
讓我們開始吧。 我們將從在零開始因?yàn)樗且粋€(gè)非常好的開始的地方。
什么是React？React是一個(gè)用于構(gòu)建用戶界面的JavaScript庫。它是Web應(yīng)用程序的視圖層。
所有React應(yīng)用程序的核心是組件(components)。組件是一個(gè)自包含的模塊，它提供一些輸出。我們可以將類似按鈕或輸入字段的接口元素作為React組件。組件是可組合的。組件可以在其輸出中包括一個(gè)或多個(gè)其他組件。
一般來說，為了編寫React應(yīng)用程序，我們編寫了對應(yīng)于各種接口元素的React組件。然后，我們將這些組件組織在定義應(yīng)用程序結(jié)構(gòu)的更高級組件中。
例如，拿到一個(gè)表單。表單可能包含許多界面元素，例如輸入字段，標(biāo)簽或按鈕。窗體中的每個(gè)元素都可以寫為React組件。然后我們寫一個(gè)更高級的組件，形式組件本身。表單組件將指定表單的結(jié)構(gòu)，并在其中包括每個(gè)這些接口元素。
重要的是，React應(yīng)用程序中的每個(gè)組件都遵守嚴(yán)格的數(shù)據(jù)管理原則。復(fù)雜的交互式用戶界面通常涉及復(fù)雜的數(shù)據(jù)和應(yīng)用程序狀態(tài)。React的表面區(qū)域是有限的，目的是給我們提供工具，以便能夠預(yù)測我們的應(yīng)用程序在給定的情況下的外觀。我們在后面的課程中探討這些原則。
好吧，那么我們?nèi)绾问褂媚兀?/b>React是一個(gè)JavaScript框架。使用框架就像在我們的HTML中包含一個(gè)JavaScript文件一樣簡單，并在我們JavaScript的應(yīng)用程序中使用React 導(dǎo)出。
例如，React網(wǎng)站的_Hello world_示例可以如下簡單：
Hello world
雖然它可能看起來有點(diǎn)可怕，JavaScript代碼是一行動(dòng)態(tài)添加_Hello world_的頁面。注意，我們只需要包括一些JavaScript文件，以使一切工作。
它是如何工作的？與許多其前身不同，React不是直接在瀏覽器的文檔對象模型（DOM）上運(yùn)行，而是在虛擬DOM(virtual DOM)上運(yùn)行。也就是說，而不是document 在更改我們的數(shù)據(jù)之后在瀏覽器中操作（這可能很慢），它解決了其虛擬DOM中的更改。在更新虛擬DOM之后，React會智能地確定對實(shí)際DOM所做的更改。
虛擬DOM 完全存在于內(nèi)存中，并且是網(wǎng)絡(luò)瀏覽器的DOM的表示。因此，當(dāng)我們寫一個(gè)React組件時(shí)，我們不是直接寫入DOM，而是寫一個(gè)虛擬組件，React將變成DOM。
在下一篇文章中，我們將看看這對我們構(gòu)建React組件和跳到JSX并編寫我們的第一個(gè)真正組件意味著什么。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/84577.html
摘要：今天我們將討論創(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/3...
摘要：我們的應(yīng)用由一個(gè)單一的元素組成。讓我們通過構(gòu)建我們的第一個(gè)組件來開始接觸這個(gè)力量。我們將把組件寫成類。讓我們來看一個(gè)我們要調(diào)用的組件。然而，什么都不會在屏幕上呈現(xiàn)。 本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3799原文：https://www.fullstackreact.com/30-days-of-react/day-...
摘要：在我們的應(yīng)用中添加太多的復(fù)雜度來加載外部數(shù)據(jù)之前今天我們將快速了解如何在應(yīng)用中重復(fù)組件元素。出于性能原因使用虛擬嘗試限制在重新視圖時(shí)需要更新的元素的數(shù)量。 本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3826原文：https://www.fullstackreact.com/30-days-of-react/day-13/ 今...
摘要：代表基本上是常規(guī)。第次更新，在年完成。幾乎完全支持所有主要的瀏覽器。但這將是一段時(shí)間，直到較舊版本的瀏覽器逐步停止使用。這意味著將轉(zhuǎn)換為。在組件的情況下，寫入的將如下所示在我們在第一個(gè)作出反應(yīng)組件使用的語法是語法。 本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3797原文：https://www.fullstackreact....
摘要：我們的第一個(gè)假設(shè)是非常簡單的測試。我們正在測試以確保元素被包裝在類中。在我們編寫的每個(gè)測試中我們都需要將應(yīng)用呈現(xiàn)在工作測試文檔中。作為提醒我們可以使用命令或命令來運(yùn)行測試。 本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3804原文：https://www.fullstackreact.com/30-days-of-react/...
閱讀 2934·2021-11-23 09:51
閱讀 3179·2021-11-12 10:36
閱讀 3217·2021-09-27 13:37
閱讀 3169·2021-08-17 10:15
閱讀 2600·2019-08-30 15:55
閱讀 2759·2019-08-30 13:07
閱讀 804·2019-08-29 16:32
閱讀 2659·2019-08-26 12:00
