React

基于react的企业后台管理开发框架
Alternatives To React
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
30 Days Of Javascript38,375
8 days ago1January 19, 2022321JavaScript
30 days of JavaScript programming challenge is a step-by-step guide to learn JavaScript programming language in 30 days. This challenge may take more than 100 days, please just follow your own pace. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
Zustand35,312101,336a day ago113August 01, 20237mitTypeScript
🐻 Bear necessities for state management in React
Reactjs Interview Questions31,818
6 days ago18JavaScript
List of top 500 ReactJS Interview Questions & Answers....Coding exercise questions are coming soon!!
React Boilerplate29,238236 months ago1May 11, 2014116mitJavaScript
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
React Redux22,966140,10817,9989 days ago126July 29, 202323mitTypeScript
Official React bindings for Redux
30 Days Of React22,720
2 days ago212JavaScript
30 Days of React challenge is a step by step guide to learn React in 30 days. These videos may help too: https://www.youtube.com/channel/UC7PNRuno1rzYPb1xLa4yktw
React Redux Links21,729
a year ago31
Curated tutorial and resource links I've collected on React, Redux, ES6, and more
Normalizr20,9873,3886332 years ago43March 19, 202222mitJavaScript
Normalizes nested JSON according to a schema
Responsively App20,717
a day ago174agpl-3.0JavaScript
A modified web browser that helps in responsive web development. A web developer's must have dev-tool.
Js Stack From Scratch19,3962a year ago1January 19, 201748mitJavaScript
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack.
Alternatives To React
Select To Compare


Alternative Project Comparisons
Readme

Readme for English

Technology stack

[email protected] + [email protected] + react-router@3.2.0 + [email protected] + [email protected] + [email protected] + [email protected]

Project introduce

git clone --depth 1 https://github.com/duxianwei520/react.git 

cd react 

npm install 

npm start 

Open another node service to open the mock interface service,if you don't start the mock interface service, you won't login into the inner page

npm run mock 

Notice

If you wan to experience the chatroom, you need to start socket service first, so you need to run another node service like this

npm run chat

and if you want to publish your app, use the following line of commands

npm run build 

This is the basic structure of the data returned by the server.

{
  data: {
    totalCount: 100,
    currentPage: 1,
    pageSize: 10,
    'list': [
    ],
  },
  msg: '',
  status: 1,
}

All asynchronous request returns will be processed by 'ajax.js' in configs folder. If there is no problem with the request, the status return value is 1; If the request is wrong, such as a parameter error or other error, the status return value is 0; If the status value is -1, indicating that the login timed out, then the login will pop up. These parameters can be adjusted according to the actual situation, and the error message or successful prompt information is returned in msg. The current project integrates basic user management, role management, module management and other basic rights management functions. The small partners must start npm run mock at the same time to see

Description

development environment: win10 Chrome 63.0.3239.132 nodejs 8.7.0

If you have any questions, please mention them directly in the Issues. I will answer in the first time, or you find that the problem has a very good solution, welcome PR

Cancel http request example

import axios from 'axios'
const axiosHandle = axios.CancelToken.source()

login(){
  this.props.dispatch(fetchLogin(values, (res) => {},(error)=>{},axiosHandle)
  setTimeout(() => {
    axiosHandle.cancel('cancel handle')
  }, 3000)
}

Reatures list

  • [] The project is loaded by the routing module
  • [] login
  • [] logt out
  • [] welcome page
  • [] menu
  • [] redux demo
  • [] mockjs to mock interface
  • [] use flex to adapt page height
  • [] cors
  • [] webpack bundle analyzer
  • [] editor draftjs
  • [] chatroom

screenshots

login

echart

chatroom

set center

webpack bundle analysis

build dist folder

License

MIT

communication

If you want to communicate with other friends who use react,you can join the react QQ group I created159697743~


readme

[email protected] + [email protected] + react-router@3.2.0 + [email protected] + [email protected] + [email protected] + [email protected]

git clone --depth 1 https://github.com/duxianwei520/react.git 

cd react 

npm install 

npm start 

mocknodemockjs

npm run mock 

socket

npm run chat

npm run build ()

{
  data: {
    totalCount: 100,
    currentPage: 1,
    pageSize: 10,
    'list': [
    ],
  },
  msg: '',
  status: 1,
}

configsajax.jsstatus1 status0 status-1 msg npm run mock

reactnodejsexpress

https://github.com/duxianwei520/express

nodejs

https://github.com/duxianwei520/node

3api

apilogin.jshandleSubmitsessionStorage.setItem('token', 'dupi');hashHistory.push('/');

win10 Chrome 63.0.3239.132 32 nodejs 8.7.0

npm installnpm npm install

npm install -g cnpm --registry=https://registry.npm.taobao.org 

Issues PR

http

import axios from 'axios'
const axiosHandle = axios.CancelToken.source()

login(){
  this.props.dispatch(fetchLogin(values, (res) => {},(error)=>{},axiosHandle)
  
  setTimeout(() => {
    axiosHandle.cancel('')
  }, 3000)
}

  • []
  • []
  • []
  • []
  • [] mini
  • [] redux
  • [] mockjs
  • [] flex
  • [] fetch
  • [] webpack,
  • [] draftjs
  • []

1jQuery

2devpromockapijson

License

MIT

react reactQQ5159697743~

Popular Reactjs Projects
Popular Redux Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Reactjs
Redux
Login
Ant Design
Mock
Chatroom