用react快速搭建简单的新闻网站
2017-08-02 本文已影响0人
JokerPeng
基于react开发的新闻网站
Github:https://github.com/pengxiaohua/news-responsive-by-react
简书:http://www.jianshu.com/p/55ff49482059
截图
使用Webpack 2 与React Router 4 升级项目,搭建一个同时适配PC与移动端新闻平台,先来2张图看看效果:


UI上引用了Ant Design 样式框架,个人觉得相对优雅简洁。在没有UI美工的前提下,是最好的选择了。





简介
这是一个用React写的一个同时适配PC与移动端新闻平台
使用了React 15.3.2版本。遵循ES6语法
主要实现了新闻的PC端和移动端自适应展示,注册,登录,查看新闻详情,评论新闻,收藏新闻等功能
所有的JS代码都在src目录下
安装
1、Clone the repo
$ git clone https://github.com/pengxiaohua/news-responsive-by-react.git
$ cd news-responsive-by-react
2、Install dependencies
$ npm install 或者 cnpm install 或者 yarn install
3、Run
$ npm run dev
在浏览器输入 localhost:8080
最后
想down下代码在本地试试的童鞋,可以进我的github下载,别忘了star哟。