新機能: Ignite UI for React 24.1 リリース

新機能: Ignite UI for React 24.1 リリース

最新のIgnite UI for React 24.1の新機能をすべてご覧ください。新しいグリッド、ゲージ、機能 - これらはすべて、継続的なリリースの一部です。詳しくはこちらをご覧ください。

5min read

Ignite UI for Reactには大量の大幅な改善が加えられ、継続的なリリースの一環として機能とパフォーマンスを向上させる新機能が導入されたことをお知らせします。主要な更新には、階層グリッド、ボタングループ、データ視覚化を改善するためのいくつかのゲージなど、いくつかのコンポーネントが含まれます。これらはすべて、開発者が高品質でレスポンシブなWebアプリケーションを簡単に作成できるように調整されています。しかし、それらを詳しく調べてみましょう。

Version 18.4

Changelog 18.4

グリッドコンポーネントの状態永続性機能

​React Data Grid、React Tree Grid、React Hierarchical GridにおけるIgnite UI for React状態持続性により、開発者はグリッド状態を簡単に保存・復元できます。IgrGridStateがReactIgrGridに適用されると、開発者があらゆるシナリオで状態永続性を達成するために使えるGetState,GetStateAsString,ApplyState andApplyStateFromStringメソッドが明らかになります。サポートされている機能は以下の通りです:

Reactグリッド状態永続性機能の例

Version 18.5

Changelog 18.5

Chart Highlight filter feature

​Ignite UI for React Chartコンポーネントは、プロットされたデータのサブセットを表示できるようにすることで、これらのチャートにプロットされたシリーズの視覚化を強化できるデータ強調表示オーバーレイをサポートしています。有効にすると、データのサブセットが強調表示され、列シリーズとエリア シリーズ タイプの場合は不透明度が下げられた合計セットが表示され、ライン シリーズ タイプの場合は破線が表示されます。これにより、データ セットを使用して目標値と実際の値などを視覚化できます。この機能を次の例で示します。

Reactチャートハイライトフィルター機能の例

Version 18.6

Changelog 18.6

新しい階層グリッドコンポーネント

​React階層データグリッドのIgnite UIは、階層表形式データを表示および操作するために使用されます。非常に少ないコードでデータをすばやくバインドしたり、さまざまなイベントを使用してさまざまな動作をカスタマイズしたりできます。このコンポーネントは、データ選択、Excelスタイルのフィルタリング、並べ替え、ページング、テンプレート、列の移動、列の固定、ExcelおよびCSVへのエクスポートなどの豊富な機能セットを提供します。階層グリッドはフラットグリッドコンポーネントに基づいて構築され、より詳細な情報が必要な場合にユーザーが親グリッドの行を展開または折りたたむことでその機能を拡張し、対応する子グリッドを表示できるようにします。

React階層データグリッドコンポーネントの例

New Radial Gauge

​React放射状ゲージコンポーネントは、針、ティックマーク、範囲、ラベルなど多くの視覚的要素を提供し、あらかじめ定義された形状とスケールを作り出します。また、アニメーショントランジションのネイティブサポートもIgrRadialGaugeっています。このアニメーションは、transitionDurationプロパティを設定することで簡単にカスタマイズできます。

Reactラジアルゲージの例

New Linear Gauge

線形ゲージ成分のIgnite UI React線形ゲージの形でデータを可視化することが可能です。IgrLinearGaugeは、スケールと1つ以上の範囲と比較した値を簡潔かつ簡潔に示します。1つのスケール、1つのチェックマークセット、1つのラベルセットをサポートしています。また、アニメーショントランジションのサポートも内蔵されています。このアニメーションは、transitionDurationプロパティを設定することで簡単にカスタマイズできます。線形ゲージコンポーネントの特徴には、調整可能な向きや方向、針などの視覚要素の調整などが含まれます。

Reactリニア ゲージの例

New Bullet Graph Gauge

​Reactブレット グラフ コンポーネントを使用すると、スケールと比較したメジャーを線形かつ簡潔に表示できます。

Ignite UI for Reactブレットグラフコンポーネントを使用すると、ダッシュボードで使用されるメーターやゲージをシンプルでありながらわかりやすいバーチャートに置き換えて、魅力的なデータプレゼンテーションを作成できます。ブレットグラフは、目標に向けた進捗状況、良好/改善/最適範囲を提示したり、できるだけ小さな水平または垂直のスペースで複数の測定値を比較したりするための最も効果的かつ効率的な方法の1つです。

Reactブレットグラフゲージの例

新しいテキストエリアコンポーネント

​ReactテキストエリアコンポーネントのIgnite UIは、複数行のプレーンテキスト編集コントロールを表します。これは、レビューやフィードバックフォームへのコメントなど、ユーザーが大量の自由形式のテキストを入力できるようにする場合に便利です。

Reactテキストエリアコンポーネントの例

新しいボタングループコンポーネント

​Reactボタングループコンポーネントは、水平・垂直のアライメント、単一・複数選択、トグル機能を備えたスタイリングされたボタングループにまとめるためにIgrToggleButtonを使います。

React Button Group コンポーネントの例

すべてを包み込むために...

互換性のためにシームレスに作成されたIgnite UI for Angularは、最新のテクノロジーとメジャー リリースの力を活用できるライブラリです。最高のAngular UIツールキットと関連する洞察を提供することに尽力し、私たちの目標は、より多くのノウハウ、新機能、パフォーマンスの向上、安定性の向上を提供することです。一部の拡張機能は、Ignite UI for React GitHubリポジトリを通じて、あなたのようなユーザーからのリクエストのおかげで追加されました。このことを念頭に置いて、私たちは常に提案やフィードバックを受け入れています - それは私たちを成長させ、あなたの開発ニーズによりよく対応します。

詳細については、以下をご覧ください。

さらに

​MediumでIgnite UIをフォローして、最新の情報を入手し、取り組んでいる最新のAngular関連プロジェクトについて学びましょう。GitHub でスターを付けて、問題セクションの懸念事項、質問、または機能リクエストに対処することで、製品を継続的に改善するのを手伝ってください。

Ignite UI for React

React Product Updates
デモを予約