Prerequisites

Package configuration

Installation Process

Installing the package

  npm install

Getting Started

Run local server

  npm run start

Build source

  npm run build

Run the development server after the source build

  npm run serve

Change the state management library(mobx <-> redux-saga <-> redux-thunk)

src/client/Root.js

// redux-sagaimport { Provider  } from 'react-redux';import store from '../redux-saga/store';// redux-thunkimport { Provider  } from 'react-redux';import store from '../redux-thunk/store';// mobximport { Provider } from 'mobx-react';import Store from '../mobx/Store';const store = new Store();......

src/server/render.js

// redux-sagaimport { Provider  } from 'react-redux';import configureStore from '../redux-saga/store';const store = configureStore();// redux-thunkimport { Provider } from 'react-redux';import store from '../redux-thunk/store';// mobximport { toJS } from 'mobx';import { Provider } from 'mobx-react';import Store from '../mobx/Store';const store = new Store()......const render = async (location) => {  ....  return {    html,    // redux-thunk, redux-saga    state: store.getState(),    // mobx    state: toJS(store),    helmet,  };};

SSR settings for async data.

File Manifest

+-- server|   +-- index.js+-- src|   +-- client|       +-- Root.js|   +-- components|       +-- menus|       +-- pages|   +-- mobx|       +-- Store.jsx|   +-- redux-saga|       +-- actions|       +-- api|       +-- reducers|       +-- sagas.js|       +-- store.js|   +-- redux-thunk|       +-- reducers|       +-- store.js|   +-- server|       +-- render.js|   +-- App.js|   +-- index.js

Copyright / End User License

Contact Information