Ignite UI for React 19 の新機能: Reactラッパー、ネイティブ開発エクスペリエンスなど

今年の初めに、待望のIgnite UI for React 19 コンポーネント スイートをリリースしました。この製品は数年前から使用されており、以前のリリースでは合計 9 つの機能アップデートが行われましたが、私たちは常にもっとうまくやれると感じていました。このブログ投稿では、改善点と、これらの変更を行った理由に焦点を当てます。過去数か月のReact開発で強化され、提供してきたものをご紹介します。

新着情報パフォーマンスとメモリフットプリント

以前のバージョンからの大きな変更点の 1 つは、機能コンポーネントへの移行です。これは、useRefから取得された参照が、クラスインスタンスではなく、予期されるネイティブ要素になることを意味します。ただし、Reactでクラスコンポーネントを廃止するときによく見られるパフォーマンスの向上の恩恵を受けることもできます。

Ignite UI for Reactには、さまざまなReactグリッドやチャートなど、パフォーマンスが本当に重要な複雑なデータ視覚化コンポーネントがいくつか付属しています。新しいバージョンは、これらのタイプの最速の UI コンポーネントを市場に提供することに引き続き重点を置いています。React Grid コンポーネントを例にとると、仮想化にスマートな技術を利用すると、ほぼ瞬時のレンダリングとスムーズなスクロールが可能になります。パフォーマンスの場合、言うよりも見せる方が良い。すべてを実際に体験するには、ドキュメントページと、グリッド仮想化とパフォーマンスReact説明されている関連サンプルにアクセスしてください。 

強化されたReactラッパー + 状態管理

レンダリング中、データ操作とスクロールのパフォーマンスは、以前のバージョンから維持する必要があった 2 つの要素でした。一方、メモリフットプリントは改善したいと思っていた部分でした。更新された軽量の Wrappers コンポーネントと合理化された状態管理により、特にIgrGridコンポーネントを使用する場合、Ignite UI for React 19 はメモリを最大 3 倍削減できます。

保守性とサポート

当社がお客様に提供する主なメリットの 1 つは、柔軟性を高める定期的なパッチと機能リリースによる継続的な改善です。パッチや新機能のリリースサイクルに段階的に移行し、Ignite UI for Angularなどの他の製品で採用しているアプローチに密接に従う予定です。これには、毎週のバグ修正リリースと、年に約 6 回の機能リリースが含まれます。

エキサイティングな機能とコントロール

Ignite UI for Reactが新しいバージョンでも引き続き提供する主な利点は、さまざまなコンポーネントと組み込み機能です。単純な入力コンポーネント、ボタン、レイアウト、データ視覚化コンポーネントから、より複雑なグリッドやグラフまで。それに加えて、IgrGridにはフラット、階層、ツリー、ピボットの4つの異なる種類があり、予想される並べ替え、フィルタリング、列のグループ化、編集から、複数行レイアウト、行の並べ替え、状態の永続化など、よりニッチだが重要なものまで、数十の機能を提供します。最も良い点は、これらすべてに完全なテンプレートとExcelエクスポートのサポートが付属していることです。

Reactフレーバーイベントを使用したネイティブ開発経験

Ignite UI for React 19では、コンポーネントのイベントを公開する新しい方法も導入されています。新しいバージョンでは、すべてのIgnite UI for Reactコンポーネントにネイティブのプレフィックスが付いた「on」イベントを楽しむことができるようになりました。

厳密なタイピング

Ignite UI for React 19 は型とプロパティをより厳密に扱い、文字列を受け入れなくなったため、保守性のためにより厳密な型付けの利点がもたらされます。

重要な要件は過去のものです

以前のバージョンのコンポーネントスイートでは、一部のコンポーネントは、通常は必要のない場合でも、内部実装の詳細のためにキープロパティを必要としていましたReact。Ignite UI for React 19 では、この問題は解決されました。コンポーネントは、公式のReactドキュメントに沿って、明示的に必要な場合にのみキーを必要とするようになりました。 

なぜReactが重要なのか?

最初のリリース以来、Reactは、宣言型アプローチ、コンポーネントベースのアーキテクチャ、強力なコミュニティ サポートにより、現代の Web 開発の基礎であり続けています。開発者が再利用可能なコンポーネントを使用してインタラクティブなユーザー インターフェイスを構築できるようにすることで、Reactは複雑なアプリケーションの保守性と拡張性を促進します。仮想 DOM と効率的なレンダリングにより、高速で応答性の高いユーザー エクスペリエンスが実現し、幅広い採用により、ライブラリ、ツール、リソースの豊富なエコシステムが保証されます。

このエコシステムで競争力を維持するには、Infragistics が市場で 30 年以上の経験を持つコンポーネント ベンダーとしてよく知られているもの、つまり、使いやすく高性能なコンポーネントの機能完全なライブラリを提供する必要がありました。私たちは長い間、Reactだけでなく最新のフレームワークに対してこれを行う唯一の方法は、共通のコードベースから製品を派生させることであると判断してきました。このアプローチにより、各新機能の納期を可能な限り短縮し、保守性を向上させるだけでなく、お客様はプロジェクト間でプラットフォームを切り替えながら、当社の製品の利点を最大限に享受できます。

ただし、このアプローチには、結果として得られる製品が真にネイティブであると感じられるようにするという大きな課題もありますReact。完全にネイティブなソリューションと同等のパフォーマンスを発揮し、ベストプラクティスReact従い、サポートする他のプラットフォームからの不必要な肥大化を回避する必要があります。これらは私たちが改善に重点を置いた主な領域であり、Ignite UI for React 19 では有意義な進歩を遂げたことを誇りに思います。

しかし、それだけではありません

Ignite UI for React 19 では、お客様が Infragistics に期待するパワー、柔軟性、幅を犠牲にすることなく、よりネイティブでパフォーマンスが高く、メモリ効率の高いエクスペリエンスをReact開発者に提供するための大きな一歩を踏み出しました。複雑なエンタープライズ ダッシュボードを構築する場合でも、洗練されたデータ豊富な Web アプリを構築する場合でも、このリリースは、より少ない労力でより多くのことを行うことができるように設計されています。最も良い点は、組織がまだReact 19 を採用する準備ができていない場合でも、待つ必要がないことです。Ignite UI for React 19はReact 18と互換性があります。