React News

Reduce Data Load with Tailored Data Retrieval

November 27, 2024
SmartClient 13.1 delivers data control with Fetch Only Needed Data, optimizing performance and efficiency for data-intensive applications.

SmartClient is a comprehensive JavaScript component suite compatible with React, Vue, Angular, and more, that empowers you to craft large-scale, high-productivity Enterprise web applications. It provides a comprehensive set of tools for developers, including advanced UI components, robust data management capabilities, and seamless integration with modern backend technologies. Key features include dynamic data fetching, customizable grids, and a responsive interface for a wide range of devices. SmartClient enables developers to create applications with optimized performance, scalability, and a superior user experience. Ideal for enterprise-grade use cases, such as financial analytics, inventory management, and real-time reporting, SmartClient empowers organizations to deliver feature-rich applications that handle complex data requirements with ease.

The SmartClient 13.1 update introduces the Fetch Only Needed Data feature, enabling developers to optimize performance in data-intensive applications by dynamically retrieving only the fields required at a given moment. This targeted data retrieval reduces unnecessary data transfers, minimizes backend load, and enhances responsiveness. Developers can configure grids to fetch additional fields on demand, ensuring efficient resource usage while maintaining flexibility to adapt to dynamic application requirements. By integrating this feature, applications can scale effectively, provide a smoother user experience, and meet the demands of high-performance environments.

To see a full list of what’s new in version 13.1, see our release notes.

SmartClient is licensed per developer and is available as both perpetual and subscription licenses. Product updates and technical support is also available. See our SmartClient licensing page for full details.

For more information, visit our SmartClient product page.

Display Large Datasets with Over 10 Axes

November 22, 2024
LightningChart JS v6.1 adds parallel coordinate charts, enabling massive dataset visualization, real-time streaming and value-based coloring.

LightningChart JS is a high-performance JavaScript charting library optimized for real-time data visualization. Leveraging WebGL and GPU acceleration, it enables developers to create interactive, complex charts capable of handling massive datasets with high refresh rates. Ideal for applications demanding rapid data updates and smooth interactions, LightningChart JS provides a robust API for customization and integration into web-based projects.

The LightningChart JS v6.1 update introduces the Parallel Coordinate Chart, a powerful tool designed for advanced data visualization and exploration. It allows developers to work with large-scale datasets, supporting over 100,000 series and multiple axes while maintaining high performance. This chart type is optimized for real-time data input, enabling smooth updates at high stream rates. With features like value-based coloring, range-based highlighting, and interactive cursors, it provides an intuitive way to analyze and interpret complex data relationships, making it an essential addition for creating data-driven applications.

To see a full list of what's new in v6.1, see our release notes.

LightningChart JS is licensed based on method of deployment with options including SaaS Developer Licenses, Application Developer Licenses, and Publisher Developer Licenses. Each license is perpetual and includes 1 year subscription for technical support and software updates. See our LightningChart JS licensing page for full details.

Learn more on our LightningChart JS product page.

Help Users Make a Single, Unambiguous Choice

November 12, 2024
Simplify complex decisions and ensure accurate data capture with an intuitive radio group component.

A radio group is a user interface element that presents a set of mutually exclusive options. Users can select only one option from the group at a time, visually represented by a circular button that fills with color when selected. This design pattern is commonly used to represent options like gender, payment method, or difficulty level, where a single choice is required and alternatives are clearly defined. Radio groups enhance user experience by simplifying decision-making, reducing cognitive load, and preventing errors associated with ambiguous selections.

Several React data editor collections feature a radio group, including:

For an in-depth analysis of features and price, visit our React data editors comparison.

Compare React Data Editors

Manage Projects in your React Applications

November 8, 2024
Gantt controls provide users with a way to visually break down complex projects into manageable steps and maintain focus on key objectives.

Gantt controls are invaluable tools for project management, particularly in visualizing and tracking the timeline of tasks, dependencies, and progress. These controls are ideal for illustrating project schedules, resource allocation, and critical paths. By providing a clear and concise overview of project milestones, Gantt controls facilitate effective planning, communication, and monitoring, ultimately helping organizations achieve project goals efficiently and on time.

Several React UI suites offer Gantt controls including:

  • DevExtreme Complete by DevExpress lets you create interactive Gantt charts with drag-and-drop functionality for task scheduling and resource allocation.
  • Wijmo by MESCIUS allows you to build customizable Gantt charts with features like critical path analysis, task dependencies, and progress tracking.
  • KendoReact by Telerik facilitates the creation of responsive Gantt charts with built-in support for filtering, sorting, and exporting project data.
  • Syncfusion Essential Studio Enterprise enables the development of high-performance Gantt charts with advanced features such as resource leveling and time-scaled bars.

For an in-depth analysis of features and price, visit our React UI suites comparison.

Compare React UI Suites

Streamline Data Presentation with Cell Merging

November 1, 2024
Create custom grids that are clearer and more organized by merging cells, making data easier to navigate and improving the user experience.

Cell merging in a grid allows developers to combine adjacent cells, creating a single, unified cell that spans multiple rows or columns. This feature enhances readability by allowing headers or labels to encompass related data fields, reducing redundancy and making complex data layouts more visually coherent. It enables efficient organization, supporting custom layouts that align with specific reporting needs and enhancing the grid's overall aesthetic. Cell merging helps streamline the user experience by condensing information into easily digestible sections, enabling users to focus on key insights without distraction.

Several React grid controls offer cell merge support including:

  • KendoReact Data Grid (part of KendoReact by Telerik) supports cell merging, enhancing readability and enabling customized data layouts.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) facilitates cell merging, enabling flexible, cleanly formatted grid layouts that improve data clarity and visual organization.
  • Jspreadsheet Pro Data Grid lets you merge cells, simplifying data views and delivering a streamlined experience for users handling complex datasets.
  • Syncfusion Grid Control for JavaScript (part of Syncfusion Essential Studio Enterprise) lets you merge cells for intuitive, organized, data presentations.

For an in-depth analysis of features and price, visit our React grid controls comparison.

Compare Merge Cell Grid Controls