基于React的小红书App开发实战

React实战:打造专属小红书App

本项目采用create-react-app脚手架搭建,并通过npm run eject暴露webpack配置,实现高度自定义。主要功能模块包括首页、商城和搜索,并使用EasyMock模拟后端数据。

技术栈:

  • 前端框架:React + ES6
  • 状态管理:Redux
  • 网络请求:axios
  • 样式处理:stylus
  • 打包工具:webpack
  • 图片懒加载:react-lazyload
  • UI框架:swiper + better-scroll + antd-mobile

项目进度:

  • 7-06:项目环境搭建完成
  • 7-11:首页部分功能完成
  • 7-14:首页样式基本完成,部分功能使用EasyMock模拟数据
  • 7-15:商城首页部分功能和样式完成,侧边弹出栏功能完成
  • 7-16:搜索功能完成

项目亮点:

  • 使用React Hooks简化代码逻辑
  • 采用Redux管理应用状态
  • 结合better-scroll实现页面滚动效果
  • antd-mobile提供移动端UI组件
zip 文件大小:98.84MB