use babel-preset-react-hmre

[ghost]

Created this babel preset based on @gaearon's comment gaearon/babel-plugin-react-transform#46 (comment)

https://github.com/danmartinez101/babel-preset-react-hmre

[jamiebuilds]

Doesn't this just get in the way of having a more diverse ecosystem of react transforms? By limiting it to just the two by @gaearon that means you're preventing people from adding more to the configuration.

I leaning towards no on this one.

[ghost]

As far as I can tell, there wouldn't be issues with including additional presets. It is possible that I'm overlooking something.

In this demo, I split the error catching(redbox) and HMR into different presets and things still seem to work as expected.

[gaearon]

I think having a preset is beneficial because 95% users want just these two and are intimidated by configuration.

[ghost]

Just want to clarify that I wasn't suggesting breaking the preset included here down into two different presets, just that using this preset wouldn't preclude the use of other react-transform plugin presets so the ecosystem shouldn't be harmed at all.

Like gaearon mentioned, the configuration ( react-transform, not necessarily babel config ) is intimidating to new users. It is yet another bump in the road for adopters of this (react, redux, hmr, etc) ecosystem and this type of preset is just a way to smooth out that bump. As soon as users want more power, they can dive in and figure out how to add other transforms or extend this one very easily.

[gaearon]

Yeah I'm for this. Advanced users will figure out how to customize it.