Architecture News

생성형 AI를 통합하여 React 앱을 보강하세요

2월 2, 2024
KendoReact 2024 Q1에 AI 프롬프트 생성, 응답 상호작용 및 명령 실행을 위한 직관적인 UI를 제공하는 새로운 구성요소가 추가됩니다.

KendoReact by Telerik is a professional UI kit of more than 120 responsive and customizable native UI and DataViz components for React developers. Designed to save time building powerful high performance React apps, it helps ensure a modern, consistent look-and-feel across your app's UI.

KendoReact v7.1.0, which is part of the 2024 Q1 release, introduces an "AIPrompt" component which allows React developers to integrate generative AI services into their applications. With it you can set up custom suggestions to actively guide users, customize the generate button and prompt input field, and define custom prompt commands so it will do a certain action when a specific command is given. This component also enables you to adapt its behaviour based on user interaction, to ensure it responds smoothly, as it emits several user triggered events. This will help to give your application a modern, customizable and seamless UI.

To see a full list of what’s new in 2024 Q1 (v7.1.0), see our release notes.

KendoReact is licensed per developer and is available as a perpetual license with a 1 year support subscription, which is available in 3 tiers: Lite, Priority or Ultimate. See our KendoReact licensing page for full details.

KendoReact is available to buy in the following products:

사용자에게 날짜를 쉽게 선택할 수 있는 방법을 제공하세요

2월 2, 2024
날짜 편집기는 날짜를 입력, 표시 및 편집할 수 있는 직관적이고 사용자 정의 가능하며 효율적인 방법을 제공하여 날짜를 더 빠르고 쉽게 입력할 수 있도록 도와줍니다.

A date editor control is a user interface element designed for selecting and entering dates. It typically combines a text field for manual input with a calendar popup for visual selection. Beyond basic date picking, many controls offer features like time selection, range definition, drop-down lists for pre-defined dates, and even input masks for enforcing specific date formats. Commonly found in applications like forms, booking systems, and calendars, date editor controls streamline date input, improving user experience and data accuracy.

Several React data editor collections provide date editors including:

  • DevExtreme Complete Data Editors (part of DevExtreme Complete) by DevExpress includes DateBox and DateRangeBox UI components for React, offering users flexible date and time entry with support for a range of formats.
  • KendoReact Data Editors (part of KendoReact) by Telerik is a UI kit for React developers that boasts a flexible and customizable interface for date/time editing, with built-in localization and date range selection.
  • Wijmo Input and Editors (part of Wijmo) by MESCIUS (formerly GrapeCity) offers several date/time input controls that fully support React, including an intuitive calendar and time picker with support for valid ranges.
  • Syncfusion Essential Studio for JavaScript Data Editors (part of Syncfusion Essential Studio Enterprise) provides a lightweight date picker component for React with support for range restriction and globalization.

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

Compare React Data Editors

여러 변수 간의 관계 표시

2월 2, 2024
분산형/거품형 차트는 추세를 파악하고, 규모를 비교하고, 세 가지 요인에서 동시에 군집을 식별하는 데 도움이 됩니다.

Scatter and bubble charts are used to display data points on a two-dimensional graph. While scatter charts use dots to represent data points, bubble charts add an additional dimension by varying the dot size, often representing volume or intensity. These charts are useful for showing relationships between variables and for identifying patterns or trends in data.

Several Angular chart controls offer scatter and bubble charts including:

  • Highcharts Core lets you craft interactive surface and bubble charts with detailed customization and dynamic animations.
  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) integrates responsive surface and bubble charts into your Angular applications, providing custom themes.
  • Kendo UI for Angular Chart (part of Kendo UI by Telerik) empowers you to add dynamic surface and bubble charts with advanced data binding to your Angular projects.
  • amCharts 5: Charts visualizes multi-dimensional data in engaging surface and bubble charts, offering rich interactivity and drill-down options.

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

Compare Angular Chart Controls

특정 조건을 충족하는 데이터 강조 표시

2월 2, 2024
조건부 서식은 주요 스프레드시트 데이터 포인트, 추세 및 이상 징후를 시각적으로 강조 표시하여 분석 및 의사결정을 더 빠르게 진행할 수 있도록 촉진합니다.

Conditional formatting in spreadsheets automates the visual highlighting of cells or ranges based on predefined criteria. This functionality aids data analysis by rapidly drawing attention to specific values, ranges, or text entries. By employing color scales, gradients, or text changes, conditional formatting helps users identify patterns, exceptions, and trends within large datasets, streamlining the interpretation and communication of key insights.

Several JavaScript spreadsheet controls offer conditional formatting including:

  • Telerik Spreadsheet jQuery (part of Kendo UI) allows customizable cell formatting, including number, date/time, styles, and conditional formatting by setting a color and a condition to the format string.
  • SpreadJS by MESCIUS (formerly GrapeCity) supports conditional formatting in cells with several conditional rule types to choose from such as average, cell value, duplicate, formula, specific text and more.
  • Infragistics Spreadsheet Angular (part of Infragistics Ignite UI) allows you to conditionally format the background and font settings of cells in a worksheet based on predefined criteria such as average, blank, value, or date.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) lets you highlight a cell or a range of cells with a certain color based on applied conditions, and showcases data with data bars, color scales, and icon sets.

For an in-depth analysis of features and price, visit our comparison of JavaScript spreadsheets.

Compare JavaScript Spreadsheets

그리드가 여러 장치에서 일관되게 표시되도록 보장하세요

2월 1, 2024
반응형 레이아웃을 지원하는 그리드 컨트롤을 사용하면 데스크탑, 모바일, 웹에서 다양한 화면 크기로 데이터에 액세스할 수 있습니다.

Leveraging a Blazor grid control with responsive layout empowers your application with optimal data visualization across diverse screen sizes and orientations. This enhances the user experience by ensuring seamless navigation, readability, and interaction with grid content, regardless of whether it's being accessed from a desktop computer, tablet, or mobile phone. This flexibility fosters wider accessibility, improves user engagement, and ultimately strengthens the overall value proposition of your Blazor application.

Several Blazor grid controls offer responsive layouts including:

  • DevExpress Blazor Data Grid (part of DevExpress ASP.NET and Blazor) seamlessly adapts to various screen sizes with column resizing and flexible layouts.
  • FlexGrid for Blazor (part of ComponentOne Studio Blazor Edition by MESCIUS) leverages a flexible grid system for a fluid and responsive user experience across devices.
  • Syncfusion Blazor DataGrid (part of Syncfusion Essential Studio Enterprise) optimizes columns and layouts for automatic device-perfect viewing.
  • Telerik UI for Blazor Grid (part of Telerik UI for Blazor) enhances mobile usability with built-in touch gestures and responsive breakpoints.

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

Compare Blazor Grid Controls