dlyt / React Koa Login
koa2 + react + react-router(4.0) + redux + webpack + antd
Stars: ✭ 109
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to React Koa Login
React Antd Admin
用React和Ant Design搭建的一个通用管理后台
Stars: ✭ 1,313 (+1104.59%)
Mutual labels: webpack, antd, react-router
Ghchat
📱A chat application for GitHub. React + PWA + Node(koa2) + Typescripts + Mysql + Socket.io
Stars: ✭ 791 (+625.69%)
Mutual labels: webpack, koa2, react-router
React Mobx Ts Antd
A simple empty project build with react、react-router、mobx、antd in typescript.
Stars: ✭ 53 (-51.38%)
Mutual labels: webpack, antd, react-router
React Article Bucket
总结,积累,分享,传播JavaScript各模块核心知识点文章全集,欢迎star,issue(勿fork,内容可能随时修改)。webpack核心内容部分请查看专栏: https://github.com/liangklfangl/webpack-core-usage
Stars: ✭ 750 (+588.07%)
Mutual labels: webpack, antd, react-router
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-59.63%)
Mutual labels: webpack, antd, react-router
Koa Mobx React Starter
A straightforward starter for Node javascript web projects. Using Koa, MobX and ReactJS (with universal / isomorphic server rendering)
Stars: ✭ 102 (-6.42%)
Mutual labels: webpack, koa2, react-router
Starter React Flux
Generate your React PWA project with TypeScript or JavaScript
Stars: ✭ 65 (-40.37%)
Mutual labels: webpack, react-router
React Router Animation Examples
An example using React Router and React's Animations
Stars: ✭ 80 (-26.61%)
Mutual labels: webpack, react-router
React Dashboard
🔥React Dashboard - isomorphic admin dashboard template (React.js, Bootstrap, Node.js, GraphQL, React Router, Babel, Webpack, Browsersync) 🔥
Stars: ✭ 1,268 (+1063.3%)
Mutual labels: webpack, react-router
React Atomic Structure
Basic Structure for React app following Atomic Design
Stars: ✭ 89 (-18.35%)
Mutual labels: webpack, react-router
React Ant Pro
(基于pro 1.0)基于Ant Design Pro 后台项目修改的多标签页tabs(多标签tabs、拖拽、富文本、多功能table、多选Select、React Hooks)
Stars: ✭ 64 (-41.28%)
Mutual labels: webpack, antd
Egg React Typescript Boilerplate
Egg React TypeScript Server Side Render (SSR) / Client Side Render (CSR)
Stars: ✭ 56 (-48.62%)
Mutual labels: webpack, react-router
React Cool Starter
😎 🐣 A starter boilerplate for a universal web app with the best development experience and a focus on performance and best practices.
Stars: ✭ 1,083 (+893.58%)
Mutual labels: webpack, react-router
Spring Security React Ant Design Polls App
Full Stack Polls App built using Spring Boot, Spring Security, JWT, React, and Ant Design
Stars: ✭ 1,336 (+1125.69%)
Mutual labels: antd, react-router
Molecule
⚛️ – :atom: – ⚛️ Boilerplate for cross platform web/native react apps with electron.
Stars: ✭ 95 (-12.84%)
Mutual labels: webpack, react-router
Redux Cnode
react+react-router+redux+es6+antd-mobile+webpack版本的Cnode
Stars: ✭ 96 (-11.93%)
Mutual labels: webpack, react-router
简介
这是一个Koa2 + React + Redux + antd 同构直出项目,内容简单,易于理解,方便扩展。
启动
npm install
npm run dev
api文档
npm run docs
查看 http://localhost:5000/docs/
效果图
目录结构
.
├── bin
│ └── server.js # 启动文件
├── config
│ ├── env # 环境配置文件夹
│ └── passport.js # 封装koa-passport的一些函数
├── dist # 打包文件夹
├── docs # api文档
├── src # 程序源文件
│ ├── client # 前端文件夹
│ │ ├── actions # action
│ │ ├── components # 组件
│ │ ├── containers # 容器
│ │ ├── reducers # reducer
│ │ ├── utils # 辅助函数文件夹
│ │ ├── index.html
│ │ ├── index.js # 前端入口文件
│ │ └── routes.js # 路由
│ └── server # 后端文件夹
│ ├── middleware # 中间件
│ ├── models # 模型
│ ├── modules # api文件夹
│ ├── shared # 共享前端文件夹
│ └── utils # 辅助函数文件夹
├── index.js # 程序入口文件
├── note.md # 项目记录
└── webpack.config.js # webpack配置文件
技术栈
后端api是由Koa2
构建,前端使用的是react
,数据管理使用了redux
,使用 axios 进行数据的请求。路由跳转使用了比较新的react-router
的4.0版。前端样式使用了阿里的antd。打包工具是wabpack
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].