React ,来自于FaceBook,是一个JavaScript类库用于构建用户界面的。新的技术都是从HelloWorld开始。(参考的是React官方文档,算是简单的翻译了下吧)。
Hello World
开始React的最简单方式是使用CodePen,这样你就什么都不需要安装了。你要做的就是在浏览器的另一页,打开它,然后照着接下来的例子敲代码。如果你更偏向用本地环境开发,参照安装引导。
最简单的React例子就像这样:
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('root')
);
以上代码给页面渲染一个标题Hello World。
在以后的章节,我们会陆续介绍到React的其他用法,我们将考察React应用的构建模块:元素和组件(elements and components)。一旦掌握了他们,你就能利用可复用的小模块,构造出更复杂的App。
关于JavaScript的一个说明
React是一个JavaScript库,所以,一切都是以你对JavaScript有一个基本认识为基础。要是你对这一点没什么自信,我们推荐你温故下JavaScript的知识,这样,你会轻松不少。
我们也用到了部分ES6的语法。我们尽量不用太多因为这是相对新一点的技术,不过你还是最好熟悉熟悉像箭头函数、类、模板字符串、let和const。也可用Babel REPL 测试ES6代码编译成什么样子。
注 to me :箭头函数就类似拉姆达表达式,匿名函数
let声明变量类似于Swift的var
const类似于Swift的let