MuYunyun / Reactspa
Licence: mit
combination of react teconology stack
Stars: ✭ 911
Programming Languages
javascript
184084 projects - #8 most used programming language
es6
455 projects
Projects that are alternatives of or similar to Reactspa
Tonzhon Music
将QQ音乐、网易云音乐和酷我音乐上的歌添加到一个列表来播放!
Stars: ✭ 257 (-71.79%)
Mutual labels: webpack4, antd, react-redux
React Social Network
Simple React Social Network
Stars: ✭ 409 (-55.1%)
Mutual labels: redux-thunk, react-redux, react-router-v4
React Admin
基于antd、redux-observable、redux-thunk、react-router响应式SPA脚手架,后台管理系统demo. 权限管理,用户管理,菜单管理。无限级菜单,下拉树形选择框
Stars: ✭ 141 (-84.52%)
Mutual labels: redux-thunk, antd, react-redux
Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: ✭ 58 (-93.63%)
Mutual labels: redux-thunk, react-redux, react-router-v4
ant-design-snippets
ant-design-snippets
Stars: ✭ 18 (-98.02%)
Mutual labels: react-redux, redux-thunk, antd
Starcabinet
🎉 开源的跨平台Github Stars管理分析工具
Stars: ✭ 399 (-56.2%)
Mutual labels: redux-thunk, antd, react-redux
React Cloud Music
React 16.8打造精美音乐WebApp
Stars: ✭ 1,722 (+89.02%)
Mutual labels: redux-thunk, react-redux, react-router-v4
react-antd-admin
react-antd-admin 是一个后台集成解决方案,它基于 react 和 antd; 内置了动态路由,标签页缓存,权限验证、切换功能
Stars: ✭ 42 (-95.39%)
Mutual labels: react-redux, antd, react-router-v4
React Antd Admin
后台前端管理系统,基于react、typescript、antd、dva及一些特别优秀的开源库实现
Stars: ✭ 117 (-87.16%)
Mutual labels: webpack4, antd, react-router-v4
React Admin
基于[email protected]的react动态权限后台管理系统模板
Stars: ✭ 151 (-83.42%)
Mutual labels: redux-thunk, antd, react-redux
cerebro-web
Website for Cerebro
Stars: ✭ 21 (-97.69%)
Mutual labels: react-redux, redux-thunk, react-router-v4
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-95.17%)
Mutual labels: webpack4, antd, react-router-v4
react-cli
基于 create-react-app 搭建的前端脚手架
Stars: ✭ 18 (-98.02%)
Mutual labels: react-redux, antd, react-router-v4
Create React App Redux
React Router, Redux, Redux Thunk & Create React App boilerplate
Stars: ✭ 885 (-2.85%)
Mutual labels: redux-thunk, react-redux, react-router-v4
react-movies-finder
React Movies finder is a React app to search movies and series using redux, redux-thunk, React Hooks, and Material UI
Stars: ✭ 27 (-97.04%)
Mutual labels: react-redux, redux-thunk
redux-login
React & Redux 实现注册登录认证系统 - 视频源码
Stars: ✭ 26 (-97.15%)
Mutual labels: react-redux, redux-thunk
React Spa
React Redux,适合中大型规模应用开发,注释还算详细,配置有TypeScript、 CSS Modules、React-Router 4、koa接口mock请求等。接口埋点报错统一处理。
Stars: ✭ 327 (-64.11%)
Mutual labels: mock, antd
Fakerest
Patch fetch/XMLHttpRequest to fake a REST API server in the browser, based on JSON data.
Stars: ✭ 350 (-61.58%)
Mutual labels: fetch, mock
该项目是对 React 技术栈以及前端工程化的相关实践。
愿景:沉淀出一套针对中台系统的开发相对完善的使用方案。
效果展示,建议本地打开。
- 部分模块展示:
- redux 实现一个 todoList:
Usage
本地运行
yarn install || npm install
yarn start || npm start
打包
yarn build || npm run build
发布
yarn deploy || npm run deploy
Tech Stack
- 编译打包: Babel Webpack(4.x)
- 热更新: webpack-dev-server
- UI 库: React & React-Dom(^16.11.0)
- UI 组件: Antd(3.x)
- 路由: react-router(4.x)、react-router-redux
- 状态管理: redux (TodoList: Graghql + Relay)
- JS: ES6、ES7
- 样式: less
- Ajax: Fetch
- 跨域: CORS
- 代码校验: Eslint(Airbnb 规范)
- 网关: demo
- 表单: daForm
articles
- React 性能优化实践
- 压缩打包优化
- css 模块化
- 使用 React 全家桶搭建一个后台管理系统
- redux middleware 源码分析
- 探寻 webpack 插件机制
- React16.x 特性剪辑
Module
- 音乐模块
- 音乐列表
- 工具模块
- 工资、房租、身体指数、年龄的智能计算器
- 富文本编辑器
- 待办事项
- 画廊模块
- 图片瀑布流(撸了个插件 jswaterfall)
- 搜索模块
- 搜索引擎(集成百度、360、搜狗搜索)
- 其它
- one for all 表单方案 —— daForm
Project Structure
├── build.js 项目打包后的文件
├── config webpack配置文件
│ ├──...
│ ├──webpack.config.dev.js 开发环境配置(启动速度优化)
│ ├──webpack.config.prod.js 生产环境配置(打包体积优化)
├── node_modules node模块目录
├── public
│ └──index.html
├── scripts
│ ├── build.js 打包项目文件
│ ├── start.js 启动项目文件
│ └── test.js 测试项目文件
├── src
│ ├── client
│ │ ├── store redux中的store
│ │ ├── devTools.js 开发者工具
│ ├── common 核心目录
│ │ ├── api 请求api层
│ │ ├── actions redux中的action
│ │ ├── components 通用功能组件
│ │ ├── container 通用样式组件
│ │ ├── images
│ │ ├── pages 页面模块
│ │ ├── reducers redux中的reducer
│ │ ├── utils 工具类
│ │ │ ├── index.js
│ │ │ ├── config.js 通用配置
│ │ │ ├── menu.js 菜单配置
│ │ │ └── ajax.js ajax模块
│ │ └── routes.js 前端路由
│ └── server 服务端目录(日后用到)
│ └── controller
├── .gitignore
├── package.json
├── README.md
└── yarn.lock
todoList
- [ ] 使用 suspense 替代 react-loadable
- [ ] 状态管理库迁移至 graghql
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].