Zahra Sandra NasakaTL;DR: Syncfusion® Essential JS 2 2024 Volume 4 release enhances functionality with zero-day compatibility for Angular and React 19, updates to Tailwind CSS 3.4, an extensive UI Kit for Angular, new Chat UI component, and enriched feature sets across tools like charts, file manager, and more.
We are excited to introduce a host of new features, enhancements, and components in our latest Syncfusion® Essential JS 2 2024 Volume 4 release. These updates are designed to improve your development workflow, adding new layers of functionality, customization, and performance improvements.
Here’s everything you need to know.
Zero-day compatibility for Angular and React 19
Syncfusion® Angular components now offer zero-day compatibility with Angular 19. Experience seamless integration, enhanced performance, and immediate support for the latest Angular CLI tools, enabling you to build modern web apps confidently from day one.
Our React components provide zero-day compatibility with React 19, ensuring immediate support for its latest features, improved performance, and effortless integration within React apps. Begin creating React 19 apps confidently using the fully compatible React components from day one.
Tailwind CSS 3.4 with CSS variables
The Tailwind theme for our JavaScript UI components has been updated to Tailwind CSS 3.4, offering advanced styling capabilities and support for CSS variables, enhancing your design workflow.
Tailwind CSS 3.4 theme support for JavaScript UI components
Essential UI Kit for Angular
The Essential UI Kit for Angular is here to simplify web app development. With over 120 pre-designed, responsive blocks, you can effortlessly build modern, aesthetically pleasing apps.
Essential UI Kit for Angular
New component
Chat UI component (Preview)
The Chat UI is a lightweight conversational interface for modern chat apps. Its key features include:
- Message suggestions: On-demand suggestions using templates.
- Dynamic message loading: Optimized performance for lengthy conversations.
- Customizable toolbar: Options for executing custom commands.
- Timebreaks: Automatic grouping of messages by date.
- Typing indicators: Real-time activity display with customizable styles.
- Appearance customization: Adapt the UI to match your needs.
Refer to the following image.
New Essential JS 2 Chat UI component
Production-ready components
The following components are now polished to meet industry standards and are ready for deployment in your apps.
What’s new in our existing components?
Charts
We’ve made several updates to improve the visual appeal and usability of our Charts.
- Crosshair snap: Snaps to the nearest data point for precision.
- Toolbar positioning: Drag and position the zoom toolbar within the chart area.
- Tooltip highlight: Highlights the series when hovering over data points.
- Legend layout: Arrange legends horizontally or vertically, with fixed-width options.
Template options in Chips and Context Menu
Both the Chips and Context Menu now support custom templates, offering enhanced interactivity and a richer user experience by allowing the integration of icons, links, images, and other HTML elements.
Word Processor
The Word Processor delivers the following enhancements:
- BeforeAcceptRejectChanges Event: Identify and control revisions with greater precision.
- Document load failure events: Handle errors effectively during document loading.
- List numbering control: Restart and continue list numbering programmatically.
- Performance boost: Pasting large content into tables is now significantly faster.
Dropdown resizing
Adjust dropdown sizes dynamically with resizable edges, enhancing usability and flexibility.
File Manager
The File Manager now supports the chunk upload feature. This feature helps us break large files into smaller chunks for efficient uploading.
Image Editor
The Image Editor component is rolled out with the image restriction feature. You can set constraints on file type, size, and dimensions with alert notifications.
Maps
The Maps now supports marker cluster configuration to customize cluster appearance and expansion for individual marker groups.
Marker cluster feature in JavaScript Maps
PDF Viewer
The new features added in the PDF Viewer component are as follows:
- Page details retrieval: Access and manage page size and rotation details.
- Custom fonts in annotations: Apply and preserve custom fonts in free-text annotations.
Pivot Table
The Pivot Table provides a tabular(Classic) layout that enhances data visibility with a traditional row-and-column format.
Tabular(classic) layout in Javascript Pivot Table
Scheduler
The Scheduler component now offers copy and paste events to easily move events between time slots.
Spreadsheet
The new features in the Spreadsheet component are as follows:
- Manual calculation mode: Control formula calculations manually for improved performance.
Manual calculation mode in JavaScript Spreadsheet
- Custom data validation: Use tailored validation rules based on formulas.
Tabs
The Tabs component has the following new features:
- Content loading options: Load content dynamically, during initialization, or on demand.
- Swipe mode: Enable swiping gestures for smooth navigation on touch devices.
Conclusion
Thanks for reading! This article highlights the exciting new features and components added to the Syncfusion Essential JS 2 platforms for the 2024 Volume 4 release. You can also check out all the new features and components in the 2024 Volume 4 release on our Release Notes and What’s New pages.
If you’re already a Syncfusion user, the latest version of Essential Studio® is available on the License and Downloads page. We offer our new users a 30-day free trial to explore all our components’ features and capabilities.
If you need further assistance, contact us via our support forum, support portal, or feedback portal. We’re always here to help you!
