编程学习程序员前端杂货铺

HelloWorld

2016-12-28  本文已影响126人  编码的哲哲

入门react最简单的方法是使用react的示例代码。你可以在CodePen这个网站上在线编辑运行,这样你不需要安装任何东西,你需要做的仅仅是在浏览的另一个窗口打开这个网站,然后按照本教程的示例代码一步一步在线运行。如果你想将它运行在本地的开发环境中,点击这个网站安装:安装

一个最简单的react例子是下面这样的:

  
ReactDom.render(
            <h1>Hello World!</h1>
           document.getElementById('root')
);

它渲染了一个名为“Hello World”的头部栏在页面上。


接下来的章节会一步一步的向你介绍如何使用react。我们将花时间让你理解组件化的编程思想,一旦当你掌握了elements和components,你就可以在适合的环境中用它们构建复杂的应用。
关于Javascript的一些注解


react是javascript的库,所以我们假定你有对javascript有一个基本的理解,如果你对自己的javascript感到不是很自信的话,我们建议你刷新一下你的javascript知识,这样你就可以更好的掌握后面的章节。
在后面的代示例中,我们会使用一些一些ES6的语法。我们尽量有节制的使用它,毕竟相对来说它还是比较新的语法。但是我们鼓励你对尖头函数template语法letconst有一个熟悉的认识。你可以利用Babel REPL去检查你的ES6语法是否正确。


关于ES6我推荐你刷一遍阮一峰老师写的《ES6标准入门第二版》,这样对于ES6就基本无所畏惧了🐶。

上一篇下一篇

猜你喜欢

热点阅读