React16 开发仿简书PC端页面项目 【代码+食用方法】

• Z时代
• 2024-01-10
• 分类：综合

React 简书

Github地址:https://github.com/zjj1019/React-Jianshu

使用 create-react-app脚手架创建工程环境

主要基于 React(16.12.0) + react-redux+react-router+redux-thunk+immutable,仿简书PC客户端界面

 package版本

•  "axios": "^0.19.0",
•  "immutable": "^4.0.0-rc.12",
•  "react": "^16.12.0",
•  "react-dom": "^16.12.0",
•  "react-loadable": "^5.5.0",
•  "react-redux": "^7.1.3",
•  "react-router-dom": "^5.1.2",
•  "react-transition-group": "^4.3.0",
•  "redux": "^4.0.5",
•  "redux-immutable": "^4.0.0",
•  "redux-thunk": "^2.3.0",
•  "styled-components": "^4.4.1"

技术栈简单介绍

•  `React`：用于构建用户界面的 JavaScript 库
•  `react-router`：为单页面应用提供的路由系统
•  `react-redux`：React 集中状态管理
•  `immutable`：持久化数据结构，保证state状态
•  `redux-thunk`：redux-thunk中间件使action中可以处理复杂的异步操作
•  `styled-components`：解决了原生 css 所不具备的能力，能够加速项目的快速开发
• `axios`：基于promise 的 HTTP 库
•  `iconfont`：阿里巴巴矢量图标库
•  `react-loadable`：懒加载

 食用方法 (yarn cnmp 食用效果更佳)

首先克隆到本地 <br>

npm install   <br>

npm run start <br>

注意

效果展示图片加载可能比较慢，请耐心等待，感谢。

项目只是为了展示效果,所以图文可能不符,还请谅解。

以上是 React16 开发仿简书PC端页面项目 【代码+食用方法】 的全部内容， 来源链接： utcz.com/z/383462.html