React文档翻译系列(二)Hello World

React文档翻译系列(二)Hello World

Hello World

开始React最简单的方式就是在CodePen上使用Hello World示例。无需安装任何环境,只需要在其他标签页打开它然后跟着我们的例子去做。如果更喜欢使用本地开发环境,可以访问安装页面。

最小的React例子如下:

ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
);

它会在页面上渲染一个标题’Hello World’。

接下来的几部分会逐步的介绍如何使用React。我们会查验React应用的构建块:元素和组件。一旦掌握了他们,就可以使用小的可复用片段创建复杂的应用。

关于Javascript的说明

React是一个Javascript库,所以它需要你对Javascript开发语言有一个基本的了解。如果觉得不自信,我们推荐先掌握Javascript的知识,这样才能更容易的跟上脚步。

在例子中也使用了一些ES6的语法。我们尽量谨慎的去使用ES6,因为它相对来说还是比较新的,但是还是鼓励先去熟悉一下箭头函数模板字符串letconst声明。可以使用在线Babel转换器(Babel REPL)查看ES6的代码编译。

    原文作者:李小疯子
    原文地址: https://segmentfault.com/a/1190000008878980
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞