React文档翻译系列（二）Hello World

Mertens 发布于2019-08-20 15:27 / 440人阅读

摘要：文档翻译系列二开始最简单的方式就是在上使用示例。最小的例子如下它会在页面上渲染一个标题。接下来的几部分会逐步的介绍如何使用。我们会查验应用的构建块元素和组件。在例子中也使用了一些的语法。可以使用在线转换器查看的代码编译。

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!

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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