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