第一节——Hello World
2018-01-18 本文已影响0人
__proto__
最容易的开始学习React的方式就是使用这个在CodePen(https://reactjs.org/redirect-to-codepen/hello-world)上的hello world例子你不需要安装任何东西,把这个链接在另一个Tab页打开,并且跟随我们的脚步进行浏览即可.如果你更喜欢使用一个本地的开发环境,那么请查看 安装 章节。
这个最简单的例子如下所示:
在页面上渲染了一个标题,内容为'Hello, world!'
接下来的几个章节将会向逐渐向你介绍去使用React,我们将会测试 building blocks的React应用:元素和组件。一旦你掌握了它们,你就可以从这些可复用的部分来创建复杂的应用。
关于javaScript需要注意的部分:
React是一个JavaScript库,所以我们将会假定你对于JavaScript语言有一个基础的认识。如果你对此不是十分自信的话,我们推荐你去火狐的开发者文档上复习一下JavaScript知识,这将有助于你学习React更加容易。
我们同样在示例中使用了一些ES6的语法,由于它们仍旧是比较新的技术,所以我们尝试着保守地使用它们,但是我们鼓励你熟悉一下arrow functions(箭头函数), classes, template literals, let, 和 const 语句。你可以使用Babel预处理器来查看ES6语句编译成什么样子。