Facebookが開発したコンポーネントベースのJavaScriptライブラリです。Reactを使えば、複雑なWebアプリケーションを簡単に構築できます。Loginページと連携するようにします。Security構成を利用します。Securityでのフォームログイン]の作成に関する以前の記事の上に構築します。コマンドを実行してアプリケーションを作成しましょう。次のような設定があります。}}次に、MavenでReactプロジェクトを構築するために、https://github.com/eirslett/frontend-maven-plugin[frontend-maven-plugin]を使用します。</executions></plugin>プラグインの最新バージョンはhttps://search.maven.org/classic/#search%7C1%7Cg%3A%22com.github.eirslett%22%20AND%20a%3A%22frontend-maven-にありますプラグイン%22[ここ]。ダウンロードし、すべてのノードモジュールの依存関係をインストールして、私たちのためにreactプロジェクトをビルドします。ここで説明する必要がある設定プロパティがいくつかあります。バージョンを指定しました。Springのセキュリティ設定Reactコンポーネントに飛び込む前に、Reactアプリの静的リソースを提供するようにSpring構成を更新します。静的リソースとして追加しています。Security設定を更新します。ページとして使用します。true__」にリダイレクトしますさもないと。ReactコンポーネントそれではReactに手を汚しましょう。コンポーネントを使用してフォームログインを作成および管理します。2015)構文を使用します。要素をReact管理コンポーネントにラップしてその状態を管理し、フィールド検証を実行できるようにします。]を使って型を検証する方法を提供します。使用して、ユーザーから渡されたプロパティの種類を検証します。検証は開発目的でのみ機能することに注意してください。検証とは、コンポーネントについて私たちが行っているすべての仮定が満たされていることを確認することです。無作為の制作中断に驚かれるよりも、それを持っているほうが良いです。ファイルに汎用のFormコンポーネントを作成します。コンポーネントの複数のインスタンスを組み合わせたものです。コンポーネントを作成します。コンポーネントと検証エラーメッセージが__Formに挿入されます。Formそれでは、フィールドの検証エラーとログインエラーを管理する方法を見てみましょう。フィールドの検証にも使用したことを思い出してください。