razzle-react-redux-observable-found

Bootstrap Razzle full SRR React App with Redux-Observable and Found

Forked from https://github.com/wlchn/razzle-react-redux-observable-found

Changed the origin Repo in order to use store

If you don't want to use RxJS, but want to bootstrap Razzle full SRR with Typescript and Redux, think about https://github.com/wlchn/razzle-redux-typescript

Install

npm install --save razzle-react-redux-observable-found

Basic Usage

// server.ts
import express from 'express';

import { createServerConfig } from '@wlchn/razzle-react-redux-observable-found';

import Action from './core/Action';
import State from './core/State';

import rootEpic from './core/rootEpic';
import rootReducer from './core/rootReducer';
import routes from './core/routes';

const razzleAssets = require(process.env.RAZZLE_ASSETS_MANIFEST || '');
const server = express();

const initialState = {
  board: {
    list: [],
    loading: false,
  },
};

const serverConfig = createServerConfig<State, Action>({ initialState, razzleAssets, rootEpic, rootReducer, routes });

server
  .disable('x-powered-by')
  .use(express.static(process.env.RAZZLE_PUBLIC_DIR || ''))
  .get('/*', serverConfig);

export default server;

// client.ts
import './client.css';

import { createClientConfig } from '@wlchn/razzle-react-redux-observable-found';

import Action from './core/Action';
import State from './core/State';

import rootEpic from './core/rootEpic';
import rootReducer from './core/rootReducer';
import routes from './core/routes';

createClientConfig<State, Action>(rootEpic, rootReducer, routes);

Have a look at the example for usage with a custom document and extra providers!

// Using store:
import { store } from '@wlchn/razzle-react-redux-observable-found';

store.getState()
store.dispatch(...)

razzle-react-redux-observable-found is build with create-react-library

Inspirations

• https://github.com/este

License

MIT © wlchn

Origin Auther

christophediprima