Version 3!

Version 3 is here!

Massive thanks to @anajavi!

For the vast majority of cases, if your chart works in v2 of React JSX Highcharts it should work in v3 without any required changes.

What about the minority of cases then?

Breaking changes (for the minority)

Dropped React 15 support

v3 is built on top of the new Context API added in React 16.3, using the fantastic create-react-context polyfill for previous React 16 versions.

While polyfills for React 15 exist, I want to minimise the amount of use cases supported, at least until I get some help maintaining from the community 🙏

Updates to the Higher Order components (Providers)

This is an advanced feature, which few people use, but if this impacts you see the guide here

New features!

id props are no longer required

Previously, every Axis, Series, Plot Band and Plot Line required a unique id prop. This is no longer the case, in the majority of cases, the ID can be omitted and a UUID will be used instead.

Caveats: For Highstock charts with a Navigator, it will be easier to provide your series with a known id, so you can simply refer to it, i.e. <Navigator.Series seriesId="mySeries" />

Helpful error messages when an additional Highcharts module is required

In development environments, React JSX Highcharts will now raise helpful errors in the console. Letting you know which modules you likely need to add. For example...

Caveats: If you are using Highcharts styled mode, you'll need to import modules from the /js/ folder i.e. highcharts/js/highcharts-more

ES6 module builds

All credit here goes to @anajavi, thanks!!

This enables bundlers like Webpack to perform tree shaking, removing any parts of React JSX Highcharts you don't use in your application

New logo

I'm not a designer, but I tried...