项目地址:https://github.com/Nealyang/React-Fullstack-Dianping-Demo
技术栈:react、react-router4.x 、 react-redux 、 webpack3.x、 redux-saga 、 css-module 、 ES6 、babel...
在慕课网看到相关视频,但是我等屌丝码农真心买不起这个价位的视频。有幸看到源代码,但是看到代码的我。。。也不是很苟同上面代码中react技术栈这一套使用方式。遂自己写了一个demo。
detail:
loading:
流量党慎入
https://github.com/Nealyang/React-Fullstack-Dianping-Demo/blob/master/record/play.gif https://github.com/Nealyang/React-Fullstack-Dianping-Demo/blob/master/record/state_tree.gif
项目内容不多,就涉及到三个页面,主要是为了学习新的知识。项目中用的redux-saga也是前天才学习的。项目的架构也是最近在各种探讨研究。还求大神多指点~
此处连接将会在后续消息中推送,兄弟们点击原文链接进行查看
# clone this demo
git clone ...# install dependencies
npm i (or yarn)# serve with hot reload at localhost:8000
npm start
后续会继续改进技术,如果有时间会写一个全栈的demo,着重后端Node和mongo的使用。前端依旧使用react技术栈完成。