react文档 Hello World

Hello World

最小的 React 示例以下：

ReactDOM.render(
    <h1>Hello, world!</h1>,
    document.getElementById('root')
);

它会显示一个 “Hello, world!" 的标题在页面上。

在在线编辑器上尝试

点击上面的连接打开在线编辑器。随便作些改动，看看它们如何影响输出。入门指南中大多数页面都有一个相似的可编辑示例。

---

指南的指南

在这个指南中，咱们将会检验 React apps 的建筑模块： elements 和 components(元素和组件）。一旦掌握了它们，就能够经过小的可复用块来创造复杂应用了。

小贴士 这篇指南为偏心 learning concepts step by step 的人设计。若是你喜欢经过动手来学习, 打开咱们的 实践指导. 你会发现指南和指导互为补充。

这是按部就班的指南关于 React 原则的第一章。 右侧边栏有全部章节的导航。若是经过移动设备阅读，你能够经过点击屏幕右下角的按钮进入导航。

指南的每一章都会基于以前几张的知识。 你能够经过安装侧边栏中出现的顺序阅读 “Main Concepts" 指导章节学习大部分 React 知识。例如，"Introducing JSX(JSX 简介）" 是下一章。

---

知识层度假设

React 是一个 JavaScript 库，所以咱们假定你已经对 JavaScript 语言有一个基础的理解。 若是你不是颇有自信，建议你阅读 JavaScript 指导检测你的知识层度确保跟随此指南不会迷路。它可能会花半小时到一个小时，可是好处是你不会感受同时在学习 React 和 JavaScript。

注意 此指南偶尔在示例中采用新的 JavaScript 语法。 若是你有几年没和 JavaScript 打交道，多数时候这三点会卡住你。

---

正式启程

页面滑动到底部你会看到 下一章 连接。

写在最后

想加强下学过知识的系统性，先增长下学习的仪式感。