HowTo11分
ログイン機能を30分で実装
Amazon Cognitoで認証機能を30分で実装。User Pool・App Client・JWT・Cognito Authorizerの設定方法。
AWSCognitoReactAuth
タグ: React
6件の記事
HowTo11分
文字が流れるように表示される仕組み
NDJSON形式とKeepaliveを使ったリアルタイムストリーミング表示の実装。FastAPIとReactの連携方法。
ReactTypeScriptNDJSONStreaming
HowTo13分
React+TypeScriptで型安全なチャット画面を作る
React + TypeScriptでAIチャット画面を型安全に実装。Context + useReducerによる状態管理パターン。
ReactTypeScriptFrontendStateManagement
HowTo14分
Amplify Gen 2でCognito認証を最短構築する（第1回）— defineAuth 1行からログインUIまで
AWS Amplify Gen 2のdefineAuthを使い、Cognito認証のバックエンド構築からReactログインUI実装までを一気通貫で解説。メール認証・パスワードリセットまでカバー
AmplifyCognitoReactAWSAuth
HowTo13分
Amplify Gen 2の認証状態を管理する（第2回）— Zustand + React Routerで保護ルートを実装
Zustandで認証状態を一元管理し、React Routerの保護ルート・ロールベース制御・セッションタイムアウトまでを実装する
AmplifyCognitoReactZustandAuth
HowTo15分
ReactでリアルタイムチャットUIを作る — WebSocketクライアントとOptimistic UI
React + Zustandでリアルタイムチャット画面を実装。WebSocketクライアントの再接続・ハートビート、Optimistic UIによる即座のメッセージ表示、重複メッセージ防止まで
ReactWebSocketZustandTypeScriptChat