React 入门 — 组件化构建 UI

了解 React：最流行的前端框架，组件化思想，声明式 UI · 难度：入门 · +20XP

React 是什么？

React 是 Facebook（Meta）开源的前端 UI 库。它用组件化的方式构建页面——把复杂的界面拆成独立可复用的小块。

回顾你学的 HTML/CSS/JS：传统做法是一个页面写几百行 HTML。React 让你把页面拆成一个个组件，每个组件有自己的结构和逻辑。

优势	说明
🏢 招聘最多	全球最流行的前端框架，岗位需求远超 Vue/Angular
🧩 组件化	UI 拆成独立组件，复用、测试、维护都方便
📱 跨平台	React Native 用同一套思维写 iOS/Android App
🪝 Hooks	函数组件 + Hooks，简洁优雅，告别 class
🌍 生态庞大	Next.js、Ant Design、React Router 等成熟方案

function Welcome() {
  return <h1>你好，React！</h1>;
}
// 渲染到页面
ReactDOM.render(<Welcome />, document.getElementById("root"));

这就是一个 React 组件——一个返回 HTML 的 JavaScript 函数。HTML 写在 JS 里，叫 JSX。