Comments (5)
I should add, I am dynamically choosing whether to render a ReduxDashboardView
or another view type in the following parent ViewHolder
component. Could this potentially be interfering with hot reloading? Would React.createElement
interfere?
import React, {Component} from 'react';
import ImmutablePropTypes from 'react-immutable-proptypes';
import {connect} from 'react-redux';
import Alert from 'mindfront-react-components/bootstrap/Alert';
import viewTypes from 'viewTypes';
class ViewSwapper extends Component {
static propTypes = {
params: React.PropTypes.shape({
viewId: React.PropTypes.string.isRequired,
}).isRequired,
model: ImmutablePropTypes.shape({
type: React.PropTypes.string.isRequired,
}),
sessionState: React.PropTypes.object,
}
render() {
let {model, params: {viewId}} = this.props;
if (!model) {
return <Alert.Danger>
View {viewId} not found
</Alert.Danger>;
}
let viewType = viewTypes[model.get('type')];
if (viewType) {
return React.createElement(viewType.component, this.props);
}
return <Alert.Danger>
View settings for view {viewId} appear to be corrupted
</Alert.Danger>;
}
}
export default class ViewHolder extends Component {
static propTypes = {
params: React.PropTypes.shape({
viewId: React.PropTypes.string.isRequired,
}).isRequired,
}
selector = (state) => {
let viewId = this.props.params.viewId;
return {
model: state.getIn(['views', viewId]),
sessionState: state.getIn(['viewSessionStates', viewId]),
}
}
render() {
return React.createElement(connect(this.selector)(ViewSwapper), this.props, this.props.children);
}
}
from react-transform-hmr.
This is currently a limitation of babel-plugin-react-transform
.
I'll try to fix it later this month.
Please track gaearon/babel-plugin-react-transform#26.
from react-transform-hmr.
Cool, thanks!
from react-transform-hmr.
You might be interested in reduxjs/redux#1455.
from react-transform-hmr.
Ah, I haven't used that preset, thanks for letting me know!
from react-transform-hmr.
Related Issues (20)
- Error: locals[0] does not appear to be a `module` object with Hot Module replacement API enabled HOT 6
- chrome-devtools://devtools/ used as origin for CSS url() in Chrome and Firefox HOT 1
- Source patching is not working HOT 2
- HMR works intermittently HOT 4
- componentWillReceiveProps not working correctly in HMR HOT 1
- On Windows uses Linux VM don't run hmr HOT 1
- Error "locals[0] does not appear.." when testing jsx-files with Mocha HOT 3
- TypeError: Function.prototype.toString called on incompatible object HOT 4
- undefined value static properties outside class
- undefined value static properties outside class HOT 1
- Bug: true is not a function(evaluating 'predicate(value')
- Don't work with redux-devtools. HOT 2
- s
- Tests fail with: Warning! This doesn't currently work for stateless functional components that were introduced in React 0.14! HOT 2
- react-transform-hmr vs. webpack.HotModuleReplacementPlugin HOT 4
- Freeze/continual-reloading when Component is aliased HOT 1
- Error compiling ES6 module using react hmre with Webpack 2 RC4
- Doesn't reload components with React 16 after hot loaded changes
- Locals[0] does not appear ...
- react-transform-hmr/lib/index.js missing HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-transform-hmr.