WebNews by react

通过react技术栈构建了一个关于新闻类的移动适配网站

项目开发思想

• WebNews项目是基于React.js、ES6、antd建立起来的单页web应用
• 项目首先由React构建实现，充分体现了组件化和模块化的构建思想
• 通过react-router实现前端路由，并支持灵活和自定义的路由机制
• 而Fetch则实现前端与后台解耦工作，支持模块化具体实现
• antd则提供UI组件，并由webpack调试打包环境，支持ES6

技术栈

react(v16) + react-router(v4.2) + webpack(v3.8) + ES6 + Fetch + antd

Usage

1. git clone https://github.com/Fueling-psx/webmusic-by-react.git
2. cd webmusic-by-react && npm install
3. npm run build
4. npm run start

Structure

• app/

功能实现

• WebNews项目home模块、detail模块、个人中心模块实现
• 实现登录、注册，localstorage等数据写入交互功能
• 评论模块，数据交互功能实现
• 移动适配，自适应网页布局

预览

pc端主页：

登录注册模块:

移动端: