React & Next.jsにおける大規模状態管理

Name: React & Next.jsにおける大規模状態管理
Rating: 3 (2 reviews)

スケーラブルな状態管理パターンとツールをマスターして、高性能でエンタープライズ対応のアプリケーションを構築しましょう。

（3.0）受講レビュー 2件

受講生 176名

難易度入門

受講期間 無制限

Professional

react

리액트감잡기

next.js

tailwindcss

typescript

React Native

Next.js

TailwindCSS

TypeScript

react

리액트감잡기

next.js

tailwindcss

typescript

React Native

Next.js

TailwindCSS

TypeScript

受講後に得られること

Reactアプリケーションにおけるスケーラブルな状態管理戦略の設計と実装方法。
ローカル状態、グローバル状態、サーバーサイド状態の違いと、それぞれを効果的に使用するタイミング。
Redux、Zustand、Jotai、React Queryなどの状態管理ライブラリの実践経験。

このコースで学生が学ぶこと

モダンなReactとNext.jsアプリケーションにおける状態管理の核心的な課題を理解する。
ローカル、グローバル、サーバーサイド状態を区別し、それぞれをいつ使用するかを理解する。
Redux Toolkit、Zustand、Jotai、React Queryなどの人気の状態管理ライブラリを探求しましょう。React Native、Next.js、next.js、TailwindCSS、TypeScript
スケーラブルなフォルダ構造とアーキテクチャパターンの設定方法をエンタープライズグレードのアプリケーション向けに学びましょう。
非同期データの管理におけるAPI呼び出し、キャッシュ、コンポーネント間の同期を含むマスターテクニックを習得する。
Next.jsで適切な状態ハイドレーションを使用してサーバーサイドレンダリング（SSR）と静的サイト生成（SSG）を実装する。
不要な再レンダリングを削減し、Reactの組み込み最適化フックを活用してアプリケーションのパフォーマンスを最適化します。
実際のプロジェクトを構築する複数の状態層とデータソースを持つ実践的な経験を積みましょう。
大規模なコードベースにおける状態ロジックのデバッグ、テスト、保守のベストプラクティスを学びましょう。
チームとアプリケーションのスケーリング戦略を発見し、保守性と関心事の明確な分離を確保します。

こんな方に
おすすめです

学習対象は
誰でしょう？

学生はReactの基礎（コンポーネント、props、hooks、context）について基本的な理解を持っている必要があります。
Next.jsの基本的な概念であるルーティング、サーバーサイドレンダリング（SSR）、APIルートに関する知識があると役立ちます。
JavaScript ES6+の概念（アロー関数、async/await、モジュール）についての事前知識があることを推奨します。

こんにちは
です。

I’m an experienced instructor with a strong background in web development, business strategy, and career management. I’ve helped individuals and companies build successful websites, launch and grow businesses, and navigate their professional paths with confidence. My approach combines real-world experience with practical teaching, offering learners the tools and strategies they need to achieve their goals — whether starting a business, building a digital presence, or advancing their careers.

カリキュラム

全体

3件 ∙ (13分)

セクション 1．セクション1

3件 ∙ (13分)

1. イントロ
04:17
2. REACT
04:45
3. REACT AND MORE
04:45

講座掲載日:

最終更新日:

受講レビュー

全体

2件

3.0

2件の受講レビュー

jjhgwx
受講レビュー 609
∙
平均評価 4.9
5
100% 受講後に作成
良い講義をありがとうございます！
muzi55
受講レビュー 6
∙
平均評価 4.3
1
100% 受講後に作成
これ詐欺だ react状態管理だと思って見たら、クエリを扱ってる

似ている講座

同じ分野の他の講座を見てみましょう！

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

タイプスクリプトを正しく理解するには、公式文書を一度見てください。文書の重要な部分だけがコックを拾い、分かりやすく伝えます。実戦に必要な内容も一緒にお知らせする講義です！

Beginner

TypeScript, JavaScript, ES6

公式文書で学ぶ本番タイプスクリプト

sowhatcoding

誰よりも早く作ってみるElectron Todo List With TypeScript

Neo

誰よりも早く試してみるElectron Todo List With TypeScript Reactベースのデスクトップ動作サービスを作ることができるElectronをTypeScriptで開発してみましょう！

Beginner

React, TypeScript, Electron

誰よりも早く作ってみるElectron Todo List With TypeScript

Neo

React と Next.js で学ぶ入門用フロントエンドプロジェクト: Tailwind CSS と静的デプロイまで完成させる

ludgi

Next.jsとTailwind CSSを活用したフロントエンド入門講義です。バックエンドなしで静的展開まで完了し、初心者でも完成の達成感を感じられるように設計されています

Beginner

Next.js, TailwindCSS, aws-s3

React と Next.js で学ぶ入門用フロントエンドプロジェクト: Tailwind CSS と静的デプロイまで完成させる

ludgi

Vue.js + TypeScript 完全ガイド

captain

Vue.js で TypeScript を始める方のための最高の講座。2 つの実践プロジェクトで楽しく学べる Vue.js + TypeScript 完全攻略。学びながらすぐに実務に適用してみましょう! 😄

Intermediate

Vue.js, TypeScript

Vue.js + TypeScript 完全ガイド

captain

TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

zerocho

タイプスクリプト/JavaScriptでペイントを作成し、さまざまなデザインパターンの使い方と長所と短所を学びます。 canvas apiを学べるのはボーナス！

Intermediate

Design Pattern, oop, TypeScript

TS/JSデザインパターン with Canvas: ゼロ秒にしっかり学ぶ

zerocho

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム

dakgangjung123

🔥 漢字学習のためのカスタムプラットフォーム構築！ Google Gemini AIとFirestoreを活用し、自分だけの漢字単語帳、画数アニメーション、手書き認識まで直接実装してみましょう！

Basic

gemini, HTML/CSS, TailwindCSS

Firebase シリーズ #2: AI 漢字推薦 & 筆記学習プラットフォーム

dakgangjung123

ブートキャンプで教えてくれないもの（リアクトレンダリング最適化編）

aftercamp

Reactレンダリングの原則、最適化を習得し、実践的な活用とインタビューの準備をしましょう！

Intermediate

React, react-usememo, Tech Interview

ブートキャンプで教えてくれないもの（リアクトレンダリング最適化編）

aftercamp

TypeScript 入門 - 基礎から実践まで

captain

TypeScript を始める方のための講義です。最新の JavaScript 文法を知らない方でも簡単に学べるようにカリキュラムを構成しました。初心者視点で、難しく感じられる TypeScript を楽しく学んでみましょう 😄

Basic

TypeScript, ES6, JavaScript

TypeScript 入門 - 基礎から実践まで

captain

アバターコミュニティアプリ作成 (React Native Expo)

Kyo

React Nativeでアバターベースのコミュニティアプリを開発します。投稿作成だけでなく、コメント/返信、いいね、投票、アバター生成など、完成度の高いコミュニティアプリを構築する過程を学びます。

Basic

React Native, TypeScript, expo

アバターコミュニティアプリ作成 (React Native Expo)

Kyo

Vibe Coding: Next.js + FastAPI + Faster-Whisperで作る音声メモアプリ

ludgi

Whisperをローカルで実行し、FastAPIとNext.jsを活用してAI音声認識アプリを迅速に開発する実践プロジェクトの講義です。リアルタイム音声認識まで実装し、短時間で簡単なポートフォリオとして活用できる成果物を完成させることができます。

Basic

Next.js, FastAPI, whisper

Vibe Coding: Next.js + FastAPI + Faster-Whisperで作る音声メモアプリ

ludgi

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

Basic

React Native, React, ES6

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

一口サイズで学ぶTypeScript(TypeScript)

winterlood

文法を超えて動作原理と概念の理解まで、学んでも学んでも混乱するTypeScript。今、きちんと学んでみましょう！皆さんをTypeScriptウィザード🧙🏻‍♀️にします。

Basic

TypeScript

一口サイズで学ぶTypeScript(TypeScript)

winterlood

Tailwind CSS 実践ポートフォリオの公開

codingworks

[Tailwind CSS実践ポートフォリオパブリッシング]は、Tailwind CSSを活用して26種類以上の実践例を製作する過程です。実践例を素早く多様に制作することで、その中で必須の理論を説明します。この講義は、開発者とパブリッシャーが作成するTailwind CSSスタイリングを中心に作成されました。

Basic

TailwindCSS, HTML/CSS

Tailwind CSS 実践ポートフォリオの公開

codingworks