#RailsAPI
![【React】＋【RailsAPI】 アプリ [4] ユーザー認証（devise/devise_token_auth/redux-token-auth）_後編](https://assets.st-note.com/production/uploads/images/11099226/rectangle_large_type_2_3339e470f5d09bd8b44a14dcce08a0eb.png?width=800)
【React】＋【RailsAPI】 アプリ [4] ユーザー認証（devise/devise_token_auth/redux-token-auth）_後編
前回 に続き、フロントに React、バックエンドに Rails（APIモード）を使うアプリの、ユーザー認証周りについて書きたいと思います。
ユーザー管理や認証に devise、APIを利用するためのトークン認証に devise_token_auth、またそれを Redux で扱うための redux-token-auth を組み込みます。今回は redux-token-auth を用いてトークン
![【React】＋【RailsAPI】 アプリ [3] ユーザー認証（devise/devise_token_auth/redux-token-auth）_前編](https://assets.st-note.com/production/uploads/images/10907410/rectangle_large_type_2_ddd9b2efee2ddef6aad17d7d1ebda604.png?width=800)
【React】＋【RailsAPI】 アプリ [3] ユーザー認証（devise/devise_token_auth/redux-token-auth）_前編
前回 に続き、フロントに React、バックエンドに Rails（APIモード）を使うアプリの、ユーザー認証周りについて書きたいと思います。
ユーザー管理や認証に devise、APIを利用するためのトークン認証に devise_token_auth、またそれを Redux で扱うための redux-token-auth を組み込みます。今回はモジュールの組み込み、設定と動作確認までを行います。
![【React】＋【RailsAPI】 create-react-app を使ったアプリ [1] 環境構築](https://assets.st-note.com/production/uploads/images/10531200/rectangle_large_type_2_996af80e70ea4ca2d904e55830615651.png?width=800)
【React】＋【RailsAPI】 create-react-app を使ったアプリ [1] 環境構築
概要フロントに React、バックエンドに Rails（APIモード）を使うアプリの環境構築を行います。Rails プロジェクトを APIモードで作成し、その中に React プロジェクトを含んだ形の構成です。React プロジェクトは create-react-app を利用して作成します。
create-react-app
1つのコマンドを実行して最新のWebアプリを設定します。
Web