# Hello World 开始学习 React 最简单的方式是使用 CodePen 中这个 [Hello World 例子代码](http://codepen.io/gaearon/pen/ZpvBNJ?editors=0010)。你不需要安装任何东西；只要在另一个标签页中打开它并跟随阅读我们的例子。如果使用一个本地开发环境，查阅 安装 部分。 最简单的 React 例子： ~~~ ReactDOM.render( <h1>Hello, world!</h1>, document.getElementById('root') ) ~~~ 它渲染一个包含 “Hello World” 的头部到页面中。 下面的章节将会逐步引导你使用 React 。我们将会检查 React app 构建的部分：元素和组件。一旦你掌握了它们，你可以创建通过小的可复用的部分构建复杂的 apps 。 ## 关于 JavaScript 的注意 React 是一个 JavaScript 库，所以它假定你对 JavaScript 有一些基础的了解。如果你不是很明确，我们建议你[重新学习 JavaScript 知识](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript)，才能容易的继续学习。 我们也使用了一些 ES6 语法。我们试图尽量少的使用它，因为这是相对新的内容，但是我们鼓励你熟悉比如[箭头函数](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions)、[类](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes)、[模板字面值](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals)、[let](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/let) 和 [const](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const) 语句。你可以使用[ Babel REPL](http://babeljs.io/repl/#?babili=false&evaluate=true&lineWrap=false&presets=es2015%2Creact&experimental=false&loose=false&spec=false&code=const%20element%20%3D%20%3Ch1%3EHello%2C%20world!%3C%2Fh1%3E%3B%0Aconst%20container%20%3D%20document.getElementById\('root'\)%3B%0AReactDOM.render\(element%2C%20container\)%3B%0A) 来检查 ES6 代码会编译成什么。