All Projects → dlyt → React Koa Login

dlyt / React Koa Login

koa2 + react + react-router(4.0) + redux + webpack + antd

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Koa Login

Fairy
一个能够支持前后端分离并支持中间层同构的完整框架
Stars: ✭ 131 (+20.18%)
Mutual labels:  webpack, koa2, react-router
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
Starter Lapis
Cutting edge starter kit
Stars: ✭ 72 (-33.94%)
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
Award
⚙基于react的服务端渲染框架
Stars: ✭ 91 (-16.51%)
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
Icejs
仓库迁移至:https://github.com/alibaba/ice
Stars: ✭ 75 (-31.19%)
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/

效果图

Octicons

目录结构

.
├── 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].