Package Exports

redux-form-isomorphic

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (redux-form-isomorphic) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

redux-form-isomorphic

handle early input to isomorphically rendered forms

Please ★ this repo if you found it useful ★ ★ ★

Features

hydrate form inputs collected before client payload loads
compatible with redux-form

Installation

npm install --save redux-form-isomorphic

Dependencies

Usage

Run the following code BEFORE the initial client render.

import ReduxFormIsomorphic from 'redux-form-isomorphic';

class App extends Component {
  componentWillMount() {
    const reduxFormIsomorphic = new ReduxFormIsomorphic(this.context.store, {
      login: ['username', 'password']
    });
    reduxFormIsomorphic.rehydrate();
  }
}

Please note that you must explicitly specify the fields you want rehydrated.

You also must name the form, so the rehydration process can find the values.

class LoginForm {
  render() {
    return (
      <form name="login">
        {this.renderFields()}
      </form>
    );
  }
}

Support

Submit an issue

Screenshots

Contribute a screenshot

Contributing

Review the guidelines for contributing

License

MIT License

Changelog

Review the changelog

Credits

Jam Risser - Author

Support on Liberapay

A ridiculous amount of coffee ☕ ☕ ☕ was consumed in the process of building this project.

Add some fuel if you'd like to keep me going!