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

Mertens 發布于2019-08-20 15:27 / 447人閱讀

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

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

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

最小的React例子如下：

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

它會在頁面上渲染一個標題"Hello World"。

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

關于Javascript的說明

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

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

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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/82254.html

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

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

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

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

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

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

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

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

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

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

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