{"id":30852,"date":"2026-05-27T16:25:28","date_gmt":"2026-05-27T16:25:28","guid":{"rendered":"urn:uuid:5dadfa47-b8bf-4840-b159-33d7f4967fd2"},"modified":"2026-05-27T16:25:29","modified_gmt":"2026-05-27T16:25:29","slug":"highcharts-is-heading-to-react-summit-2026","status":"publish","type":"post","link":"https:\/\/www.highcharts.com\/blog\/news\/highcharts-is-heading-to-react-summit-2026\/","title":{"rendered":"Highcharts is heading to React Summit 2026"},"content":{"rendered":"\n<p>React developers have plenty of choices. The ecosystem is enormous, and everybody&#8217;s showing up to React Summit 2026 in Amsterdam on June 12 to compare notes. That&#8217;s exactly why we&#8217;ll be there too as a sponsor.<\/p>\n\n\n\n<p>Why are we sponsoring a conference about React? Because React has become the default interface layer for analytics products, trading platforms, operational dashboards and AI-driven applications. And the developers building these apps need React-ready, professional data viz that performs at scale under real conditions, not just &#8220;vibes.&#8221;<\/p>\n\n\n\n<p>To that end, here&#8217;s what we&#8217;ll be showcasing in Amsterdam.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Highcharts React v5<\/strong><\/h2>\n\n\n\n<p>As you<a href=\"https:\/\/www.highcharts.com\/blog\/post\/highcharts-react-v5-esm-support-cleaner-components-better-dx\/\"> may have heard<\/a>, we&#8217;ve rebuilt the Highcharts React integration from the ground up. Highcharts React v5 uses a pure ESM module system for better tree shaking, and leaner production bundles.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1160\" height=\"736\" src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/05\/27135000\/react-5-blog.jpg\" alt=\"\" class=\"wp-image-30815\" srcset=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/05\/27135000\/react-5-blog.jpg 1160w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/05\/27135000\/react-5-blog-560x355.jpg 560w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/05\/27135000\/react-5-blog-760x482.jpg 760w, https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/05\/27135000\/react-5-blog-768x487.jpg 768w\" sizes=\"auto, (max-width: 1160px) 100vw, 1160px\" \/><\/figure>\n\n\n\n<p>The component API is now genuinely declarative: common <code>chart<\/code> and <code>series<\/code> options like <code>data<\/code>, <code>color<\/code>, <code>height<\/code> and <code>type<\/code> are exposed directly as props. And you can now wrap custom chart elements, like a financial tooltip with all the bells and whistles, into reusable components, eliminating the need for a monolithic <code>options<\/code> object.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Highcharts Grid<\/strong><\/h2>\n\n\n\n<p>Modern dashboards and analytics apps don\u2019t just need charts. They also need fast, flexible data tables that can be dropped into an existing setup without a ton of configuration or feature bloat. That\u2019s why we made<a href=\"https:\/\/www.highcharts.com\/products\/grid\/\"> Highcharts Grid<\/a>.<\/p>\n\n\n\n<p><video style=\"border: solid rgba(0,0,0,0.2) 1px;border-radius:6px;box-sizing: border-box;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"auto\"><source src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/05\/27155710\/sparklines.mp4\"><source src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/05\/27155710\/sparklines.webm\" type=\"video\/webm\"><\/video><\/p>\n\n\n\n<p>Highcharts Grid is available in two versions: Lite and Pro.<\/p>\n\n\n\n<p>Grid Lite comes with essential features for viewing and interacting with data, including sorting, filtering, pagination, column grouping and more. Plus it\u2019s free.<\/p>\n\n\n\n<p>For more advanced workflows, Grid Pro adds features like server-side data handling, inline editing with validation, tree views, sparklines and event hooks for deeper application integration.<\/p>\n\n\n\n<p>Both versions handle large datasets efficiently. Row virtualization ensures only visible rows are rendered in the viewport, keeping memory usage low and scrolling smooth even with thousands of records.<\/p>\n\n\n\n<p>Highcharts Grid has official React packages for both Lite and Pro that make integrating data tables into React applications straightforward<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Modern tools for modern data viz<\/strong><\/h2>\n\n\n\n<p>In addition to our new React integration, we&#8217;ve also been thinking bigger about how developers work today and what a chart can actually be.<\/p>\n\n\n\n<p>More and more Developers are using LLMs to write Highcharts code, and we&#8217;ve released two<a href=\"https:\/\/www.highcharts.com\/blog\/mcp\/\"> MCP servers<\/a> to make that workflow reliable. Use Highcharts Dev Assist for chart recommendations, deep docs search, real code snippets, and config validation against the official schema. Highcharts Render turns any config into an export-quality PNG right inside your conversation, which is handy for visual validation before you ship.<\/p>\n\n\n\n<p>And if you want to give your end users more than a chart, check out<a href=\"https:\/\/www.highcharts.com\/products\/orbit\/\"> Highcharts Orbit<\/a>. <\/p>\n\n\n\n<p><video style=\"border: solid rgba(0,0,0,0.2) 1px;border-radius:6px;box-sizing: border-box;\" autoplay=\"autoplay\" loop=\"loop\" muted=\"\" width=\"100%\" height=\"auto\"><source src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/05\/27141816\/analyze.mp4\"><source src=\"https:\/\/wp-assets.highcharts.com\/www-highcharts-com\/blog\/wp-content\/uploads\/2026\/05\/27141816\/analyze.webm\" type=\"video\/webm\"><\/video><\/p>\n\n\n\n<p>It turns any Highchart into a full analytics workspace, with built-in tools for surfacing insights, detecting anomalies and data forecasting. Orbit also includes AI features for generating summaries and prompt-driven queries. All AI features are optional and can be turned off in sensitive environments.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Accessibility, no longer optional<\/strong><\/h2>\n\n\n\n<p>React Summit 2026 has several dedicated accessibility talks on the schedule this year, and that&#8217;s not a coincidence. With app proliferation accelerating in the age of vibe coding, especially in compliance-focused industries like finance and healthcare, a lot of developers are learning that accessibility isn&#8217;t just a \u201cif I happen to get to it\u201d thing. It&#8217;s a legal requirement.<\/p>\n\n\n\n<p>Highcharts is WCAG 2.2 compliant out of the box, and widely recognized as the standard for what accessible data visualization looks like in practice. Come find us in Amsterdam, and we&#8217;ll show you how our accessibility module goes above and beyond, with built-in support for keyboard navigation, screen readers, sonification and more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>See you there<\/strong><\/h2>\n\n\n\n<p>If you&#8217;re going to be in Amsterdam, come find us. We&#8217;ll have the team there with live React demos, Orbit previews, and a few things worth taking home. See you on June 12.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>React developers have plenty of choices. The ecosystem is enormous, and everybody&#8217;s showing up to React Summit 2026 in Amsterdam on June 12 to compare notes. That&#8217;s exactly why we&#8217;ll be there too as a sponsor. Why are we sponsoring a conference about React? Because React has become the default interface layer for analytics products, [&hellip;]<\/p>\n","protected":false},"author":250,"featured_media":30878,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"meta_title":"Highcharts is heading to React Summit 2026","meta_description":"Explore Highcharts React v5, Highcharts Grid and modern data visualization workflows for React apps at React Summit 2026 in Amsterdam.","hc_selected_options":[],"footnotes":""},"categories":[224,211],"tags":[824],"coauthors":[786],"class_list":["post-30852","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-post","category-news","tag-react"],"_links":{"self":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/30852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/users\/250"}],"replies":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/comments?post=30852"}],"version-history":[{"count":3,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/30852\/revisions"}],"predecessor-version":[{"id":30879,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/posts\/30852\/revisions\/30879"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media\/30878"}],"wp:attachment":[{"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/media?parent=30852"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/categories?post=30852"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/tags?post=30852"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.highcharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=30852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}