入门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语法,let,const有一个熟悉的认识。你可以利用Babel REPL去检查你的ES6语法是否正确。
关于ES6我推荐你刷一遍阮一峰老师写的《ES6标准入门第二版》,这样对于ES6就基本无所畏惧了🐶。
网友评论