项目介绍本项目是沐客网在学习react+redux过程中做出的手把手项目。模仿大众点评做的一个webapp。项目不是很复杂,适合有一定react+基础redux的同学参考。MOOC网站地址:https://coding.imooc.com/clas...项目前端界面采用react+less编写,后端采用express框架搭建。后台返回的数据均为模拟数据,不涉及数据库交互。以后可能会再写一篇文章(看心情)来讲解一些代码。如果项目对大家学习react有帮助,麻烦给我一个☆star☆项目源码github项目源码同时克隆:https://github。com/wenyuntian...使用gitclone地址:git@github.com:wenyuntian/webapp.git运行第1步,克隆到本地后,在项目文件夹和mock文件夹根目录下运行npminstall命令安装项目依赖2.然后在根目录和mock目录下运行命令npmstart启动项目,在浏览器中访问http://localhost:3000/查看项目运行效果。最终效果展示涉及到的知识点。前端:react:使用create-react-快速构建app构建工具的前端框架(需要在package.json中配置跨域代理)。Redux:使用redux管理react组件的状态,实现组件间的通信。axios:使用axios简单封装前后端数据交互的get和post方法。localStorage:简单了解localStorage,封装get和set方法,将城市选择的城市信息存储在localStorage中。less:使用less编写css样式。(注意:create-react-app中默认不使用less,需要自己安装less-loader模块并在webpack中配置)图标:项目中使用的所有图标均从icoMoon下载(学习过程中发现的)素材网站,很有用,推荐!)后台:后台使用express快速搭建一个后台数据。为简单起见,没有链接到数据库,所有数据都是模拟数据。
