react 入门项目,重构「ONE · 一个」移动端应用

react-one

简介:学习react搭建的一个demo,基于react,react-redux,react-router 重构「ONE · 一个」移动端应用。

在线访问地址: 服务器可能到期无法访问
github源代码地址: https://github.com/Lemonreds/react-one


使用到的:

react: 构建UI
redux: 状态管理
react-router: 路由管理

create-react-app: react脚手架(webpack)
axios: http请求工具


目录介绍
config webpack配置目录
public 打包后生成目录
scripts webpack脚本目录
src 目录
api 接口请求 基于axios
components 通用的UI组件
one 关于one响应解析的一些辅助工具
pages 根据路由匹配的页面
store react-redux
styles 样式 基于less
utils 工具目录
- app.js 主容器
- index.js 入口文件


截图预览:

react 入门项目,重构「ONE · 一个」移动端应用_第1张图片
01.png
react 入门项目,重构「ONE · 一个」移动端应用_第2张图片
02.png
react 入门项目,重构「ONE · 一个」移动端应用_第3张图片
03.png
react 入门项目,重构「ONE · 一个」移动端应用_第4张图片
04.png
react 入门项目,重构「ONE · 一个」移动端应用_第5张图片
05.png

快速运行:

代码源地址: https://github.com/Lemonreds/react-one

clone到本地

git clone https://github.com/lemonreds/react-one.git

安装npm依赖

npm install

启动

npm run start

start at http://localhost:3000/

打包

npm run build

你可能感兴趣的:(react 入门项目,重构「ONE · 一个」移动端应用)