Reactのニュース

ReactグリッドアプリにPDFエクスポート機能を装備

7月 15, 2024
ReactアプリケーションからグリッドデータをPDFに直接エクスポートすることで、元のレイアウトとフォーマットを維持しながら、グリッドデータを簡単に配布・表示

Exporting a data grid to PDF captures the grid layout, including columns, rows, and formatting, and transforms it into a universally accessible and easily shareable document. The export creates a static file, retaining the original grid layout and formatting, that can be easily distributed and viewed consistently across different platforms and on any device with a PDF reader. Additionally, PDFs provide a secure format for preserving data integrity and can be protected against unauthorized editing, making them ideal for official documentation and archiving purposes. This functionality enhances collaboration and data dissemination efficiency by simplifying the sharing and printing processes while maintaining the original data structure and presentation.

Several React grid components allow you to export to PDF, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) enables users to export data grids to PDF in React, preserving layout and formatting.
  • KendoReact Data Grid (part of KendoReact by Telerik) offers React applications seamless PDF export functionality, retaining the structure and design for easy distribution.
  • BestReactGrid facilitates grid data export to PDF format in React applications, maintaining the original layout and style for professional data presentation and collaboration.
  • Ignite UI React Grid (part of Infragistics Ignite UI) streamlines the export of data grids to PDF, ensuring consistent representation of data for secure and accessible sharing.

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

Compare React Grid Components

JavaScriptコンポーネントのデフォルトフォーカスポイント設定

7月 10, 2024
Wijmoビルド5.20241.19で追加されたfocusFirstユーティリティでは、開発者がプログラムで初期フォーカスを設定可能になり、キーボードのアクセシビリティが向上

Wijmo by MESCIUS is a comprehensive JavaScript library offering a suite of high-performance UI components and data grids specifically designed to streamline the development of modern enterprise applications. It emphasizes reduced development time and improved maintainability, along with a focus on performance through its efficient design and small module size. Wijmo integrates seamlessly with popular JavaScript frameworks like Angular, React, and Vue.js, and supports cutting-edge technologies like TypeScript, making it a versatile solution for building complex web applications.

The Wijmo 2024 v1 (Build 5.20241.19) update introduces a new focusFirst Utility that allows developers to set which part of a component should get the initial focus. Setting the first interactive element upon loading a container control improves accessibility by ensuring a clear starting point for keyboard interaction. For example instead of the default focus point of a login dialog being the username field, the email address field could be set as the initial focus point.

To see a full list of what's new in 2024 v1 (Build 5.20241.19), see our release notes.

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

Learn more on our Wijmo product page.

AIを活用して簡単なプロンプトからグラフを作成

7月 10, 2024
Highchartsは、Highcharts GPTアドオンとGitHub Copilotの統合によりチャート作成を合理化し、インテリジェントなコード補完を可能にします。

Highcharts is a JavaScript charting framework that allows web developers and data analysts to generate dynamic, visually appealing charts and graphs for websites and web applications. It can display a variety of chart types, including line, spline, area, column, bar, pie, scatter, and many more. Highcharts is well-known for its ease of use, rich documentation, and ability to handle huge datasets efficiently. Features include responsive design, accessibility support, and cross-browser compatibility. Its customization capabilities allow users to create bespoke data visualizations that increase engagement and provide insightful data presentations.

The Highcharts GPT add-on (powered by ChatGPT), and GitHub Copilot support in Highsoft products provide software developers with significant productivity enhancements by integrating AI-driven code assistance directly into their workflow. The Highcharts GPT add-on leverages natural language processing to generate and customize complex chart configurations, reducing the time and effort required for manual coding and enabling developers to focus on higher-level design and functionality. GitHub Copilot integration further streamlines development by offering intelligent code completions and suggestions, facilitating rapid prototyping and error reduction. Together, these Artificial Intelligence tools enhance coding efficiency, improve accuracy, and accelerate the development of sophisticated data visualizations.

For more information see the Highcharts GPT and Highcharts + Github Copilot blog posts.

Highcharts Core is licensed on an annual or perpetual basis, OEM licenses, and Advantage Renewals. It is licensed per Developer and has several license options including Internal, SaaS, SaaS+, and Self Hosted. See our Highcharts Core licensing page for full details.

Learn more on our Highcharts Core product page.

高性能なネイティブReactレポートを提供

7月 8, 2024
DevExpress Reporting 24.1では、JavaScriptラッパーの制限なしにユーザーエクスペリエンスを向上させるために、ネイティブのReactレポートビューアーコンポーネントが追加されています。

DevExpress Reporting is a powerful, versatile tool for building reports in the .NET ecosystem. It lets you design professional-looking reports with a visual editor, connect to various data sources, and customize them with charts, graphs, and interactive elements. Whether you're creating invoices, sales summaries, or complex dashboards, DevExpress Reporting offers the flexibility and features to bring your data to life in a clear and insightful way. It integrates seamlessly with WinForms, WPF, Web, and Blazor applications, making it a popular choice for developers who need a robust reporting solution.

The DevExpress Reporting 24.1 release introduces a native React Report Viewer component that streamlines the integration of reporting into React applications. This new component leverages the proven architecture of the DevExpress Angular Report Viewer, eliminating the need for JavaScript wrappers and ensuring a more responsive and performant user experience. This translates to benefits like faster rendering and a more intuitive user interface for interacting with reports within React applications, making it ideal for scenarios requiring seamless report viewing and interaction within complex React dashboards or data analysis tools.

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

DevExpress Reporting is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. See our DevExpress Reporting licensing page for full details.

DevExpress Reporting is available to buy in the following products:

ユーザーがワークシートを簡単に切り替え可能

7月 8, 2024
タブを使用すると、スプレッドシートのユーザーはデータセット間をすばやく移動でき、複数のデータセクションを明確に視覚的に区別可能

Worksheet tabs act as a visual and interactive index, enabling users to seamlessly navigate between distinct sections within a single workbook. This efficient organization facilitates data comparison and analysis. The clear visual distinction between tabs reduces cognitive load and enhances comprehension, making it easier for users to grasp the overall structure and navigate the information within the workbook.

Several React Spreadsheet controls offer support for tabs including:

  • Telerik Spreadsheet React (part of KendoReact) enables users to effortlessly navigate between spreadsheets through designated tabs.
  • SpreadJS by MESCIUS empowers developers with tabbed navigation for efficient data organization within their React applications.
  • Infragistics Spreadsheet React enables users to effortlessly navigate between spreadsheets through designated tabs.
  • Syncfusion Spreadsheet JavaScript provides tab-based navigation for a familiar and user-friendly experience when working with multiple sheets.

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

Compare React Spreadsheet Controls