# redux-form-isomorphic

**Repository Path**: mirrors_codejamninja/redux-form-isomorphic

## Basic Information

- **Project Name**: redux-form-isomorphic
- **Description**: handle early input to isomorphically rendered forms
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-08
- **Last Updated**: 2026-07-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# redux-form-isomorphic

[![GitHub stars](https://img.shields.io/github/stars/codejamninja/redux-form-isomorphic.svg?style=social&label=Stars)](https://github.com/codejamninja/redux-form-isomorphic)

> handle early input to isomorphically rendered forms

![](assets/redux-form-isomorphic.png)

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


## Features

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


## Installation

```sh
npm install --save redux-form-isomorphic
```


## Dependencies

* [NodeJS](https://nodejs.org)
* [redux-form](https://redux-form.com)


## Usage

Run the following code BEFORE the initial client render.

```js
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.

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


## Support

Submit an [issue](https://github.com/codejamninja/redux-form-isomorphic/issues/new)


## Screenshots

[Contribute](https://github.com/codejamninja/redux-form-isomorphic/blob/master/CONTRIBUTING.md) a screenshot


## Contributing

Review the [guidelines for contributing](https://github.com/codejamninja/redux-form-isomorphic/blob/master/CONTRIBUTING.md)


## License

[MIT License](https://github.com/codejamninja/redux-form-isomorphic/blob/master/LICENSE)

[Jam Risser](https://codejam.ninja) © 2018


## Changelog

Review the [changelog](https://github.com/codejamninja/redux-form-isomorphic/blob/master/CHANGELOG.md)


## Credits

* [Jam Risser](https://codejam.ninja) - Author


## Support on Liberapay

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

[Add some fuel](https://liberapay.com/codejamninja/donate) if you'd like to keep me going!

[![Liberapay receiving](https://img.shields.io/liberapay/receives/codejamninja.svg?style=flat-square)](https://liberapay.com/codejamninja/donate)
[![Liberapay patrons](https://img.shields.io/liberapay/patrons/codejamninja.svg?style=flat-square)](https://liberapay.com/codejamninja/donate)