New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →

universal-redux

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

universal-redux

A universal redux renderer (ES6, Webpack, Express)

0.16.1
Source
npm

Version published: 9 years ago

Weekly downloads: 12; decreased by-77.78%

Maintainers: 1

Weekly downloads

Created: 9 years ago

Source

Redux Universal Renderer

Why?

This project forked off of react-redux-universal-hot-example with the goal of making an npm module for an easier starting point for new projects. Please refer to the README there for more details and join the discussion at the pull request here: https://github.com/erikras/react-redux-universal-hot-example/pull/626, and please open an issue if you find one.

Usage

An example project has been made here: https://github.com/bdefore/react-redux-universal-hot-example/tree/example-project and is deployed on Heroku here: https://universal-redux.herokuapp.com

Install

npm install universal-redux

Add configuration in your project at config/universal-redux.config.js that defines what properties you want to override during the build step. You can start by copying the annotated example.
Specify your build steps

The following npm bin aliases have been defined:

universal-redux-dev
universal-redux-watch
universal-redux-server
universal-redux-build

You'll generally call these from the corresponding section of your project's scripts. See package.json in the example project: https://github.com/bdefore/react-redux-universal-hot-example/blob/example-project/package.json#L39

Adding new functionality

The npm module also exposes a few methods for adding additional functionality.

Express middleware

You can add your own Express middleware like so:

import renderer from 'universal-redux';
import config from '../config/universal-redux.config.js';

const app = renderer.app();

// add some middleware
// add some more middleware

renderer.setup(config);
renderer.start();

Replacing the Html.js shell

Inside of your config.webpack.resolve.alias array, you can specify html: sourceRoot + '/path/to/your/Html.js' and this will be used instead of the default one. This allows you to add your own additions to <head> as well as third party <script> tags such as for metrics tracking.

Webpack Isomorphic Tools configuration

You can add or override the default webpack-isomorphic-tools configuration, by providing a toolsConfigPath value to your config.js.

Local development

If you'd like to modify the renderer while running a project that uses it, I've found that npm version 2 tends to cause issues including multiple versions of React, which cause script errors, if you symlink or drop it into your project's node_modules manually. You may prefer to use PROJECT_PATH=/path/to/project npm run dev from the renderer root, which will watch for changes and copy them over to your project's node_modules/universal-redux/lib directory.

Known Issues

Reducers are not hot reloading correctly.
An extra resolve exists for node_modules/redux-universal-test/node_modules. This may not be a correct assumption.
Extending the functionality of src/client is currently difficult without forking.

Keywords

FAQs

What is universal-redux?

Is universal-redux popular?

Is universal-redux well maintained?

Package last updated on 07 Dec 2015

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install