全栈开发实战

🎯 30章 · 从零到部署 v2.0
01
全栈概览与环境搭建
Node.js & React · 项目架构 · 开发环境 · 第一个应用
→ 02
JavaScript ES6+ 核心语法
let/const · 箭头函数 · 模板字符串 · 模块化
→ 03
React 核心概念
JSX · 组件化 · 函数/类组件 · 挂载渲染
→ 04
React 状态管理
useState · 状态提升 · 单向数据流 · 受控组件
→ 05
React 事件处理
合成事件 · 事件绑定 · 自定义事件 · 防抖节流
→ 06
条件渲染与列表渲染
v-if/v-show思想 · 三元 · 列表与key · 过滤排序
→ 07
React 组件通信
Props · Context · 回调 · 兄弟/跨层级通信
→ 08
生命周期与副作用
useEffect · 依赖数组 · 清除副作用 · 模拟生命周期
→ 09
React 路由基础
React Router v6 · 嵌套路由 · 参数 · 编程式导航
→ 10
React 表单处理
表单状态 · 验证 · 自定义Hook · Formik
→ 11
React 样式方案
CSS Modules · styled-components · Tailwind · 全局样式
→ 12
React 进阶 Hook
useRef · useMemo · useCallback · 自定义Hook
→ 13
状态管理进阶
useReducer · Redux Toolkit · 全局状态 · 中间件
→ 14
React 与后端通信
Fetch · Axios · 请求/响应拦截 · 错误处理
→ 15
Node.js 基础
运行时 · CommonJS/ESM · 核心模块 · 事件循环
→ 16
Express 框架入门
安装路由 · 中间件 · 请求响应 · 静态文件
→ 17
RESTful API 设计
设计原则 · CRUD · 状态码 · API版本控制
→ 18
数据库基础与MongoDB
关系/非关系 · MongoDB · Mongoose · Schema
→ 19
用户认证与授权
JWT · bcrypt · 登录注册 · Token中间件
→ 20
文件上传与处理
Multer · 存储策略 · 图片压缩 · 静态资源
→ 21
错误处理与日志
全局中间件 · 自定义错误 · Winston · 错误码
→ 22
API测试与调试
Postman · Jest · Supertest · Mock数据
→ 23
React项目实战
项目初始化 · 组件拆分 · 状态管理 · API对接
→ 24
Node项目实战
项目结构 · 数据库设计 · 接口开发 · 部署准备
→ 25
前后端联调
CORS · 代理配置 · Swagger · 联调技巧
→ 26
性能优化
懒加载 · 代码分割 · 图片优化 · Node集群
→ 27
安全最佳实践
XSS · CSRF · SQL注入 · HTTPS · 环境变量
→ 28
部署与运维
Vercel · Heroku/Railway · Docker · CI/CD
→ 29
全栈项目总结
项目复盘 · 常见坑点 · 架构演进 · 学习路径
→ 30
未来展望与扩展
Next.js · TypeScript · GraphQL · 微服务 · Serverless
→
📢 ： ·