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 コントロール、または HTML 要素を含む DIV などの単純な要素が含まれます。

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

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

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

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

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

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

Ignite UI for React のご利用には Ignite UI、Infragistics Ultimate、Infragistics Professional のいずれかのライセンスが必要です。ライセンスはサブスクリプション方式で販売しております。1 開発者様につき1ライセンス必要です (インストール端末台数に制限はありません)。各ライセンス価格の詳細につきましては製品価格ページをご確認ください。

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

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