/react-redux-fullstack

william jiang react-redux-fullstack

Primary LanguageJavaScript

Building React Applications with Idiomatic Redux

Quick Start

cd `react-redux-fullstack`
npm install
//or:
//ncu -u
//npm install
//npm -g install webpack-dev-server
./node_modules/.bin/webpack-dev-server
//export PORT=8000 webpack-dev-server

Then:

open http://localhost:8080

For more details, check here and here

Improvement

  • add mini folder to test middlewares: thunk, socket, promise, jwt, auth, and custom, it is an all-inclusive mini-package which can clone for other purpose.
  • use redux-observable-middleware

Multi-servers

There are multiple webserver which can be switched to run by different purpose.

  • server.js: current
  • server.mongo.js: webserver + mongo
  • server.pg.js: webserver + postgre-sql
  • server.redis.socket.js: webserver + redis+socket
  • server.rabbitmq.js: webserver + rabbitmq
  • server.mini.js: only webserver
  • server.all.js: all inclusive

To start mongo-webserver:

$ npm run server/index.js mongo

To start postgresql-webserver

$ npm run server/index.js pg

Some Screenshot

1. Chat + Socket.io

2. Login + MongoDB

3. PostgreSQL

4. React-routers

5. Server delegate + Redux-Form

6. Socket + redis + canvas

7. User CRUD + bootstrap-modal

8. User Search + MongoDB + Rxjs