1. 环境准备 🛠️
- 安装 Node.js(推荐 LTS 版本)
- 通过
npx create-react-app my-app
初始化项目 - 项目结构示例:
my-app/ ├── public/ ├── src/ ├── package.json └── README.md
2. 核心概念 📚
- JSX 语法:HTML 与 JavaScript 的混合写法
示例:const element = <h1>你好,React!</h1>;
- 组件化开发:通过
function MyComponent() { return ... }
定义可复用组件 - 状态管理:使用
useState
钩子管理组件状态
示例:const [count, setCount] = useState(0);
3. 开发流程 ⚙️
- 使用
npm start
启动开发服务器 🚀 - 在
src/App.js
中修改组件逻辑 📝 - 通过
public/index.html
配置页面标题 📄 - 访问 https://localhost:3000 查看运行效果 📱
4. 扩展阅读 📚
5. 工具推荐 💡
- VSCode(推荐 IDE)
- React DevTools(调试神器)
- GitHub(代码托管平台)