0.2.0 • Published 9 years ago
react-patch v0.2.0
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
0.2.0
9 years ago