React文檔翻譯系列（二）Hello World

Mertens 發(fā)布于2019-08-20 15:27 / 441人閱讀

摘要：文檔翻譯系列二開始最簡單的方式就是在上使用示例。最小的例子如下它會在頁面上渲染一個標(biāo)題。接下來的幾部分會逐步的介紹如何使用。我們會查驗應(yīng)用的構(gòu)建塊元素和組件。在例子中也使用了一些的語法。可以使用在線轉(zhuǎn)換器查看的代碼編譯。

React文檔翻譯系列（二）Hello World Hello World

開始React最簡單的方式就是在CodePen上使用Hello World示例。無需安裝任何環(huán)境，只需要在其他標(biāo)簽頁打開它然后跟著我們的例子去做。如果更喜歡使用本地開發(fā)環(huán)境，可以訪問安裝頁面。

最小的React例子如下：

ReactDOM.render(
    Hello, world!,
    document.getElementById("root")
);

它會在頁面上渲染一個標(biāo)題"Hello World"。

接下來的幾部分會逐步的介紹如何使用React。我們會查驗React應(yīng)用的構(gòu)建塊：元素和組件。一旦掌握了他們，就可以使用小的可復(fù)用片段創(chuàng)建復(fù)雜的應(yīng)用。

關(guān)于Javascript的說明

React是一個Javascript庫，所以它需要你對Javascript開發(fā)語言有一個基本的了解。如果覺得不自信，我們推薦先掌握J(rèn)avascript的知識，這樣才能更容易的跟上腳步。

在例子中也使用了一些ES6的語法。我們盡量謹(jǐn)慎的去使用ES6，因為它相對來說還是比較新的，但是還是鼓勵先去熟悉一下箭頭函數(shù)、類、模板字符串、let和const聲明。可以使用在線Babel轉(zhuǎn)換器（Babel REPL）查看ES6的代碼編譯。

GPU云服務(wù)器云服務(wù)器 ubuntu hello world hello-world React Hooks 文檔重大更新！ world!

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/82254.html

相關(guān)文章

React文檔翻譯系列（三）JSX簡介

摘要：文檔翻譯系列三簡介先來看一下下面的變量聲明這種有趣的標(biāo)簽語法既不是字符串也不是。這種形式被稱作，他是的一種擴(kuò)展語法。為便于閱讀，我們將分隔成多行。表示對象將編譯成調(diào)用。我們建議您為選擇的編輯器搜索語法方案，以便和代碼都能夠被正確高亮的顯示。 React文檔翻譯系列（三）JSX簡介先來看一下下面的變量聲明： const element = Hello world! 這種有趣的標(biāo)簽語法既...

wean 2019-08-20 15:28 評論0 收藏0
React文檔翻譯系列（一）安裝

摘要：文檔翻譯系列一安裝原文地址原文本系列是針對文檔進(jìn)行的翻譯，因為自己在學(xué)習(xí)的時候，最開始通過看博客或者論壇等中文資料，有些內(nèi)容是零零散散的接收，并沒有給自己帶來很好的效果，所以后來決定把文檔的原文從頭到尾看一遍。 React文檔翻譯系列（一）安裝原文地址：原文本系列是針對React文檔進(jìn)行的翻譯，因為自己在學(xué)習(xí)react的時候，最開始通過看博客或者論壇等中文資料，有些內(nèi)容是零零散散的...

Fourierr 2019-08-20 15:28 評論0 收藏0
【全棧React】第1天: 什么是 React?

摘要：本文轉(zhuǎn)載自眾成翻譯譯者鏈接原文今天，我們從一開始就開始。讓我們看看是什么，是什么讓運(yùn)轉(zhuǎn)起來。什么是是一個用于構(gòu)建用戶界面的庫。它是應(yīng)用程序的視圖層。所有應(yīng)用程序的核心是組件。組件是可組合的。虛擬完全存在于內(nèi)存中，并且是網(wǎng)絡(luò)瀏覽器的的表示。本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3765原文：https://www.ful...

ralap 2019-08-20 18:29 評論0 收藏0
【全棧React】第2天: 什么是 JSX?

摘要：代表基本上是常規(guī)。第次更新，在年完成。幾乎完全支持所有主要的瀏覽器。但這將是一段時間，直到較舊版本的瀏覽器逐步停止使用。這意味著將轉(zhuǎn)換為。在組件的情況下，寫入的將如下所示在我們在第一個作出反應(yīng)組件使用的語法是語法。本文轉(zhuǎn)載自：眾成翻譯譯者：iOSDevLog鏈接：http://www.zcfy.cc/article/3797原文：https://www.fullstackreact....

Eirunye 2019-08-20 18:29 評論0 收藏0
【譯】渲染Elements

摘要：注不做翻譯是中最小的構(gòu)建部件。在里渲染讓我們看一下在下面有在你文件中無處不在的標(biāo)簽我們會把這元素成為元素因為的所有東西都會放在這個元素里面。通過方法，我們能吧渲染到我們根節(jié)點上。更新被渲染的是不可變的。下面是react官方文檔的個人翻譯，如有翻譯錯誤，請多多指出原文地址：https://facebook.github.io/re...特別感謝Hevaen，同時也向豪大React群所有...

LoftySoul 2019-08-20 14:29 評論0 收藏0