💻 JavaScript UI Libraries News and Updates - July 2024 Roundup

Olga T. - Aug 9 - - Dev Community

Even as the holiday season reaches its peak, web developers around the world continue to push forward, building web apps that will hopefully improve our lives.

Despite the festive distractions, the dedication of these developers shines through, bringing us a slew of new updates and releases in the JavaScript ecosystem. Here's a rundown of the latest JavaScript libraries and components news announced in July.

UI Libraries

🛣️ Sencha — 2024/2025 Roadmap

Sencha is working on its React ReExt library adding support for the upcoming React 19 and Next JS. The team is also preparing major update ExtJS v8 and building Rapid Ext JS, a VS Code GUI plugin that helps in the rapid development of Ext JS apps.
Sencha Roadmap

🗺️ DevExtreme — Year-End Roadmap v24.2

DevExtreme team is creating a new chat component (with AI and Chatbot integration), building pagination as a separate component, making fixed column support redesign and a new sticky columns option in its Data Grid, adding React 19 support, and other enhancements.
DevExtreme Roadmap

💬 DHTMLX Introduced ChatBot and DHTMLX Suite 8.4

DHTMLX released a new ChatBot widget, a free UI component for building AI chat apps. Also, its DHTMLX Suite has been updated to v.8.4 that comes with numerous API updates for Grid/TreeGrid, Combobox, Chart, Form, and Toolbar components.
DHTMLX Suite

Spreadsheet Components

🍽️ Handsontable 14.5.0

This update introduces significant enhancements, particularly in supporting the AZERTY keyboard layout and optimizing performance, especially for instances of the data grid that include merged cells.
Handsontable 14.5.0

📊 SpreadJS v17.1

SpreadJS has been updated to v.17.1 with RTL support, bulleted list in a cell, FileUpload CellType, support for Angular 17, Next.js 14, and more.
SpreadJS v17.1



Diagrams

📈 FusionCharts 4.0

FusionCharts introduced AI knowledge base and documentation assistant - Ask FusionDev, added some improvements for Gantt chart as well as better framework integrations for React, Angular, Vue & Svelte.
FusionCharts

🔄 React Flow 12

React Flow, a component for building node-based editors and interactive diagrams, has been updated to version 12. The package name was chaned from reactflow to @xyflow/react and the main new features are server side rendering support, hooks and helpers for computing flows, dark mode and better DX via TSDoc.
React Flow 12

✨ Flitter Library

Flitter is a powerful framework inspired by Flutter, supporting both SVG and Canvas to create high-performance graphics and user interfaces. Seamlessly integrates with JavaScript, React, Svelte, and more.
Flitter Library - Charts

JavaScript Related News

⚛️ State of React 2023

State of React survey results were released to highlight current trends, challenges, and pain points within the React ecosystem. Key highlights from the 2023 edition include adoption of new features, state management, libraries and tools, usage patterns, and more. If you would like to have a deeper review, you may watch this episode on Syntax channel.

State of React 2023

🧑‍💻 Stack Overflow’s Developer Survey 2024

Another noticeable statistics from Stack Overflow’s Developer Survey 2024 was released in the end of July. It offers a comprehensive look into the global developer landscape, covering topics such as preferred programming languages (not surprisingly, JavaScript and Python), tools, and working conditions.
Stack Overflow’s Developer Survey 2024

🔷 TypeScript 5.6 Beta

The TypeScript 5.6 beta release introduces several new features, including improved support for importing types from JavaScript files, enhanced JSX syntax handling, and performance optimizations aimed at making type-checking faster and more efficient.

🚀 Astro 4.12

This release includes experimental Server Islands, a new solution to integrate high performance static HTML and dynamic server-generated components together. Also, added first and last URLs to pagination data, support for the Shiki’s defaultColor option and new inferRemoteSize function.
Astro 4.12

🎓 TutorialKit

TutorialKit by StackBlitz is an open source tool that enables you to create interactive code tutorials for your UI library or Javascript framework without having to implement the necessary user interface or the underlying logic.

TutorialKit Screenshot

🎤 React vs Svelte - Talk with Rich Harris

The last thing I would like to mention in a 25-minutes talk on Svelte vs React with Rich Harris, the creator of Svelte. It's an insightful conversation on the advantages and specific approaches of both technologies.

Conclusion

The JavaScript ecosystem continues to evolve rapidly, with significant updates and new releases across various libraries and frameworks, even without a summer break.

The growing interest in AI integration is evident with DHTMLX's ChatBot release, FusionCharts' AI assistant, and the upcoming new chat component from DevExtreme.

We'll see if August maintains the same level of productivity! 🤩

. . .
Terabox Video Player