react-patch
Patches React components without unmounting or losing their state.
Last updated 5 years ago by gaearon .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install react-patch 
SYNC missed versions from official npm registry.

React Patch

Work in progress.

Generic React component patcher.
A future engine for React Hot Loader.

Usage

Intended to be used from hot reloading tools like React Hot Loader.
If you’re an application developer, it’s unlikely you’ll want to use it directly.

import React, { Component } from 'react';

class ComponentVersion1 extends Component {
  render() {
    return <div>Before hot update.</div>;
  }
}

class ComponentVersion2 extends Component {
  render() {
    return <div>After hot update.</div>;
  }
}

Without React Patch:

const rootEl = document.getElementById('root');
React.render(<ComponentVersion1 />, rootEl);
React.render(<ComponentVersion2 />, rootEl); // will reset state and kill DOM :-(

With React Patch:

import { createPatch } from 'react-patch';
const patch = createPatch();

const PatchedComponentVersion1 = patch(ComponentVersion1);
React.render(<PatchedComponentVersion1 />, rootEl);

patch(ComponentVersion2); // will keep the state and DOM

License

MIT

Current Tags

  • 0.2.0                                ...           latest (5 years ago)

1 Versions

  • 0.2.0                                ...           5 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (1)
Dev Dependencies (8)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |