用react快速搭建简单的新闻网站

基于react开发的新闻网站

Github:https://github.com/pengxiaohua/news-responsive-by-react
:http://www.jianshu.com/p/55ff49482059

截图

使用Webpack 2 与React Router 4 升级项目,搭建一个同时适配PC与移动端新闻平台,先来2张图看看效果:

用react快速搭建简单的新闻网站_第1张图片
demo1.jpg
用react快速搭建简单的新闻网站_第2张图片
demo2.jpg

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

用react快速搭建简单的新闻网站_第3张图片
注册.png
用react快速搭建简单的新闻网站_第4张图片
登录.png
用react快速搭建简单的新闻网站_第5张图片
首页.png
用react快速搭建简单的新闻网站_第6张图片
详情.png
用react快速搭建简单的新闻网站_第7张图片
评论.png

简介

这是一个用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哟。

你可能感兴趣的:(用react快速搭建简单的新闻网站)