React 是一个用于构建用户界面(UI)的 JavaScript 库,用户界面由按钮、文本和图像等小单元内容构建而成。React 帮助您把它们组合成可重用、可嵌套的 组件。从 web 端网站到移动端应用,屏幕上的所有内容都可以被分解成组件。它主要用于构建单页面应用(SPA)中的交互式 UI 组件。
如果您想快速体验 React,这里是一些基于 React 部署的模板:
您还可以使用 Create React App 构建 React 项目,无需学习和配置大量构建工具。实时页面刷新能让您更专注于代码开发和框架基础学习。部署时,自动优化您的 bundle。以下内容将介绍如何使用 Create React App 构建项目并部署到 EdgeOne Pages。
创建 React 应用
Create React App 是官方支持的 React 应用创建方式,零配置,适合快速上手。
1. 确保已安装 Node.js(建议版本 ≥ 18)。
2. 在终端运行:
npx create-react-app my-react-app
3. 进入项目并启动:
cd my-react-appnpm start
部署项目
Git 部署
CLI 部署
也可以安装 Pages 的脚手架工具,详细安装和使用方法请参考 EdgeOne CLI。配置完成后,使用
edgeone pages deploy 命令部署项目。在部署过程中,CLI 会先自动构建项目,然后将构建产物上传并发布。