React Proxy
Work in progress.
Generic React component proxy.
A future engine for React Hot Loader.
Requirements
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 Proxy:
const rootEl = document.getElementById('root');
React.render(<ComponentVersion1 />, rootEl);
React.render(<ComponentVersion2 />, rootEl);
With React Proxy:
import { createProxy, getForceUpdate } from 'react-proxy';
const proxy = createProxy(ComponentVersion1);
const Proxy = proxy.get();
React.render(<Proxy />, rootEl);
const mountedInstances = proxy.update(ComponentVersion2);
const forceUpdate = getForceUpdate(React);
mountedInstances.forEach(forceUpdate);
License
MIT