1. 环境准备 🛠️

  • 安装 Node.js(推荐 LTS 版本)
  • 通过 npx create-react-app my-app 初始化项目
  • 项目结构示例:
    my-app/
    ├── public/
    ├── src/
    ├── package.json
    └── README.md
    
    创建_react_app

2. 核心概念 📚

  • JSX 语法:HTML 与 JavaScript 的混合写法
    示例:
    const element = <h1>你好,React!</h1>;
    
    jsx_语法
  • 组件化开发:通过 function MyComponent() { return ... } 定义可复用组件
  • 状态管理:使用 useState 钩子管理组件状态
    示例:
    const [count, setCount] = useState(0);
    

3. 开发流程 ⚙️

  1. 使用 npm start 启动开发服务器 🚀
  2. src/App.js 中修改组件逻辑 📝
  3. 通过 public/index.html 配置页面标题 📄
  4. 访问 https://localhost:3000 查看运行效果 📱

4. 扩展阅读 📚

5. 工具推荐 💡

react_开发流程