React developers, we’ve been listening. Our latest update to Highcharts for React makes integrating Highcharts data visualizations into your React projects much more intuitive and inline with your React workflow.
Read on to discover what’s new and what we’ve improved.
React-Like API
We’ve refined our Highcharts for React API to make it more React specific and better aligned with React patterns. This reduces the need for extra code and workarounds when adding Highcharts to your applications, resulting in better performance and cleaner syntax.
Improved Integration
Want to replace the default Highcharts tooltip with a custom React component? Or build a reusable chart container that fetches data and updates props dynamically? With improved component integration, Highcharts for React makes it easier to pass custom React components directly to your chart configuration without messy hacks.
Full ESM Support
Highcharts for React now uses modern ESM syntax (import/export) instead of older approaches like require. ESM support not only enables you to optimize your build with modern tools like Webpack, but also makes it easy to only include the Highcharts modules you need. This helps ensure your React apps are lightweight, efficient and compatible with future JavaScript environments.
Covers All Your Charting Needs
From line charts to stock visualizations, Highcharts for React covers all your charting needs. Whether you’re building dashboards, financial applications, or interactive data tools, you’ll have access to a full suite of chart types and features within your React dev environment.
Try the Beta Today
We’re excited for you to try the beta version of our new and improved React integration. Your feedback is crucial to us as we move toward finalizing features and optimizing performance. Try the beta, experiment with it, and let us know what you think!
Leave a Reply