什么是 React？
本课属于 Coddy React 学习旅程的“基础知识”单元。第 1 课，共 42 课。
React 是全球最受欢迎的用户界面构建库。Facebook、Netflix、Airbnb：你每天使用的网站中，那些可交互的部分都是用它构建的。
核心思想很简单：不要编写一个庞大的页面，而是构建一些小型、可重复使用的部分，称为组件。按钮是一个组件。个人资料卡片是一个组件。整个页面就是由组件嵌套组成的。
组件并不可怕：它是一个 JavaScript 函数，返回应该显示在屏幕上的内容：
function App() {
return <h1>Hello, React!</h1>;
}JavaScript 中这个看起来像 HTML 的东西叫作 JSX。它让你可以在逻辑所在的位置描述屏幕。React 会根据组件的返回内容，让实际页面保持同步。你只需描述自己想要什么，React 会决定如何更新浏览器。
在这门课程中，你将编辑 App.jsx，这是一个小型 React 应用的主组件。右侧的预览会随着你的输入实时显示应用效果。我们来做点东西吧。
挑战
入门这是你的第一个 React 组件，已经为你写好了。
要做什么：
- 阅读
App.jsx：它是一个返回 JSX 的函数。 - 按下运行按钮。
- 观察右侧的预览，看看组件返回的内容是如何显示出来的。
这就是 React 的整个循环：组件返回 JSX，React 将它显示在屏幕上。从下一课开始，你将自己编写 JSX。
亲手试试
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="main.jsx"></script>
</body>
</html>
自我测试这节课包含一个小测验。开始学习即可作答，并记录你的进度。