React 是一个由 Facebook 开源的前端 JavaScript 库,用于构建用户界面和单页应用。它以其组件化和虚拟 DOM 的概念而闻名,使得开发高效且可维护的界面成为可能。
React 特性
- 组件化:React 将 UI 分解为可复用的组件,每个组件负责渲染界面的一部分。
- 虚拟 DOM:React 使用虚拟 DOM 来优化 DOM 操作,从而提高性能。
- 声明式 UI:React 通过声明式的方式来描述 UI,这使得代码更易于理解和维护。
React 应用场景
- Web 应用:React 可以用来构建高性能的单页应用。
- 移动应用:通过 React Native,可以构建跨平台的移动应用。
- 桌面应用:React 可以结合 Electron 来开发桌面应用。
快速开始
要开始使用 React,首先需要安装 Node.js 和 npm(Node.js 包管理器)。以下是一个简单的 React 示例:
import React from 'react';
function App() {
return (
<div>
<h1>Hello, React!</h1>
</div>
);
}
export default App;
运行上述代码,可以使用以下命令:
npx create-react-app my-app
cd my-app
npm start
在浏览器中访问 http://localhost:3000
,你应该能看到一个显示 "Hello, React!" 的页面。
扩展阅读
React Logo
React Native Logo