Hello World

开始React最简单的方法就是在CodePen上查看这个Hello World示例的代码。你不需要安装任何东西;你可以仅仅在另一个标签页中打开它,然后我们一起过一遍这个例子。如果你想使用本地的开发环境,那就需要看一下安装这一章节。

这个小的不能再小的例子如下:

ReactDOM.render(
  

Hello, world!

, document.getElementById('root') );

它在页面上渲染了一个'Hello World'的小标题。

下面几个章节会向你逐步揭露React。我们将分析React应用的基础模块: elements和components。一旦你掌握了他们,你就可以通过小的可复用零件创建出复杂的应用。

关于JavaScript需要注意的地方

React是一个JavaScript库,需要你对于JavaScript有一定的基础。如果你对于这方面不那么自信,我们建议补充下你的JavaScript知识,这样可以让你接下来进行的更加顺利。

我们在示例中也用到了一些ES6的语法。我们会试着少用这些语法,因为相对来说它们还是比较新,但我们还是鼓励你熟悉下箭头函数,类,模板字符串,let和const声明。你可以使用Babel交互式解析器环境来查看ES6代码会编译成什么样子。

你可能感兴趣的:(Hello World)