React コンポーネントで多機能な Web アプリケーションを構築

Ignite UI for React はデータ リッチでレスポンシブな Web アプリケーションを構築するための React コンポーネント ライブラリです。データ チャート、グラフ、データ グリッド、テーブル、その他のUIコンポーネントを 60 種類以上収録しています。

Ignite UI CLI は、多数のフレームワークのアプリケーションの構築とスキャフォールディングを支援するスタンドアロンのコマンドライン ツールです。CLI ツールには、Ignite UI for Reactツールセット用に事前構成されたプロジェクト用のさまざまなテンプレートが用意されています。また、独自のテンプレートを CLI に追加して、プロジェクトへのコンポーネントの追加を高速化することもできます。

Reactコンポーネントは、HTML、JavaScript、および CSS で表されるユーザーインターフェースの一部を含むテンプレートを返す再利用可能な関数を含むクラスです。Reactコンポーネントの例としては、データ グラフやデータ グリッドなどの複雑な UI コントロールや、DIV と HTML 要素などの単純な要素があります。

Reactには、コンポーネントをどこに配置するか、またはどのように整理するかについて、特定の要件や方法はありません。これは、プロジェクトに取り組む開発者次第です。ここでは、いくつかのアプローチを示します。

• コンポーネントをタイプ別に整理する - 同様の要素が同じ場所に体系化されます。 React コンポーネントはコンポーネント フォルダーに存在します。スタイル、スタイル フォルダー内など。
• 類似性によるコンポーネントの整理 - このタイプのReactコンポーネントの整理により、コンポーネントが必要とするすべてのものが可能な限りコンポーネントに近づくようになります。
• 機能領域ごとにコンポーネントを整理する – 「顧客」など、アプリの機能ごとにコンポーネントを配置すると、顧客の画面/機能に関連するすべての顧客コンポーネントが含まれます。

Reactコンポーネントのテストを行う方法は、次の2つの一般的なカテゴリに分類されます。

• レンダリングコンポーネントツリー –Reactコンポーネントの階層ツリーは、ユーザーインターフェイスを説明し、ユーザーがブラウザで表示および操作するアプリケーションのあらゆる側面をカプセル化します。
• 完全なアプリの実行 – これは現実的なブラウザ環境で行われます。このプロセスは「エンドツーエンド」テストと呼ばれます。

• Reactの関数型コンポーネントは、単に JavaScript 関数です。ここではレンダリング方法を使用していません。関数型コンポーネントは、プロパティ (props) を引数として受け取り、React要素を返すことで機能します。
• クラス コンポーネントは、アプリに機能を追加する関数で構成される単純なクラスを表します。ここに render() メソッドを埋め込む必要があります。

Ignite UI for React はエンタープライズグレードの完成度の高い UI コンポーネントライブラリです。インフラジスティックスは業界のリーディングカンパニーとして 30 年以上、業務アプリケーションの開発効率化を支援する製品を提供し継続的にアップデートしてきました。また、初めて Web 開発に取り組まれるお客様にも安心してご利用頂けるよう、お客様に寄り添ったサポートサービスをサブスクリプション契約期間中に提供しています。

Reactコンポーネントは、Ignite UIバンドルの一部として含まれています。1 つの開発者ライセンスは、1 年間の標準サポートと更新プログラムを含む 1 年間のサブスクリプションで 160,000円からです。また、複数年ライセンスの割引も提供しています。価格の詳細については、価格ページを参照してください。

​作業の開始ページに詳細な手順を記載しておりますので、こちらをご参照ください。

コンポーネントのコードサンプルはこちらからご確認頂けます。サンプルアプリケーションについてはこちらをご利用ください。