React19で新登場したHooksを分かりやすく解説します【Next.js AppRouterを利用】

#入門 #プログラミング #react #react19 #nextjs #フロントエンド #webエンジニア #webdevelopment 00:00 イントロ 01:26 Next.js開発環境開始 04:32 React Server Component 09:39 ServerActions 22:48 useFormStatus 27:47 useFormState/useActionState 37:40 useOptimistic 47:05 use() 53:20 終わりに 今回の動画のテンプレートはこちらです👇 https://github.com/Shin-sibainu/react... git cloneまたはforkしてお使いください。 【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】 ↓↓↓↓↓ http://shincode.info/2021/12/31/udemy... \ShinCode_Camp開校しました/ プログラミング講座&副業・起業が学べるプラットフォーム🚀 🎁月額2500円でWebプログラミング全講座が見放題 🎁分からない箇所は質問し放題 🎁7日間無料キャンペーン実施中 🎁定期的にお仕事・副業の発注 🎁ShinCodeと1対1で話せる 🎁コミュニティ機能付き ↓↓↓↓↓ https://code-s-school-5bc2.thinkific.... 【ShinCode for Business】 Web制作/Webアプリケーション開発も請け負っております! ご相談は[email protected]までお願いいたします。 (ポートフォリオサイトは準備中です。) ----------------------------------------------------------------------------------------------------------------------------- おすすめWeb系IT企業はこちら ↓ 株式会社WorldHacks(ワールドハックス) 【HP】https://worldhacks.co.jp 【X】  / worldhacks20220324…   採用も拡大中のため、HPやWantedlyの採用基準をご覧の上ご応募ください。 社長の紹介 森下浬(もりしたかいり) 【X】  / kairi_morishita   株式会社WorldHacks代表取締役。 日本体育大学体育学部卒。完全未経験からエンジニアに転職後、株式会社WorldHacksを設立。現在はWeb、アプリの受託開発をメインで行っており、新規のサービス立ち上げから既存サービスの保守運用まで業界問わず様々な企業様の開発を支援。 ---------------------------------------------------------------------------------------------------------------------- 【この動画を視聴するメリット】 ・React19で新登場したHooksについて学べる ・Next.js AppRouter/RSCについての基礎が学べる ・useFormState, useFormStatus, useActionState, use(), useOptimistic等のHooksが理解できる ・Suspenceについて理解できる 【信頼性】 ・Udemy講師 ・講師レビュー評価94.6% ・Udemy受講生延べ3000人突破 ・Webアプリ/サイト開発数:200以上 ・生きがい:プログラミングでサイトやアプリを作ること ★チャンネル登録はこちらから★    / @programming_tutorial_youtube   ★今回のソースコード★ https://github.com/Shin-sibainu/react... ★運営者SNS★ Twitter:  / shin_engineer   ★この動画で使用している機材★ キーボード(Keychron K6 赤軸):https://amzn.to/3F4zca5 マウス(Logicool G ロジクール G ゲーミングマウス):https://amzn.to/3DZaaYB マイク(サンワダイレクト USBマイク PCマイク):https://amzn.to/30AVwJF マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド): https://amzn.to/3se5onZ ※アフィリエイトリンクになります。

あなたはフロントエンドテストをしていますか?【Vitestでテスト入門】
▶︎

あなたはフロントエンドテストをしていますか?【Vitestでテスト入門】

【完全版】これ1本でGraphQLをマスターできるチュートリアル【React/TypeScript/Prisma】
▶︎

【完全版】これ1本でGraphQLをマスターできるチュートリアル【React/TypeScript/Prisma】

«Der Weltkrieg kommt»: Roger Köppel am AfD-Demokratiekongress zur Lage in Europa
▶︎

«Der Weltkrieg kommt»: Roger Köppel am AfD-Demokratiekongress zur Lage in Europa

Hono Webフレームワークの新しい選択肢
▶︎

Hono Webフレームワークの新しい選択肢

Next.js Tutorial 2026 (UPDATED) - Full Course - Start Your Next.js Journey Here
▶︎

Next.js Tutorial 2026 (UPDATED) - Full Course - Start Your Next.js Journey Here

EILMELDUNG: Sie haben mich ins Visier genommen
▶︎

EILMELDUNG: Sie haben mich ins Visier genommen

【知らなきゃ損】9割のClaude Codeユーザーが知らないTipsを10コ解説します!
▶︎

【知らなきゃ損】9割のClaude Codeユーザーが知らないTipsを10コ解説します!

Pensions: What’s being snuck past us (yet again) during the World Cup
▶︎

Pensions: What’s being snuck past us (yet again) during the World Cup

【完全保存版】Next.js App Routerのベストプラクティスを解説
▶︎

【完全保存版】Next.js App Routerのベストプラクティスを解説

Is an IT apprenticeship actually dead?
▶︎

Is an IT apprenticeship actually dead?

Remixと統合したReact Routerで技術記事サイトを作るチュートリアル【React/Remix/TypeScript】
▶︎

Remixと統合したReact Routerで技術記事サイトを作るチュートリアル【React/Remix/TypeScript】

[Next.js16] Beginners welcome! Learn everything about "use cache" in this new era of Next.js!
▶︎

[Next.js16] Beginners welcome! Learn everything about "use cache" in this new era of Next.js!

あなたはどのレンダリングパターンを採用しますか?【CSR/SSR/SSG/ISRを図解で解説】
▶︎

あなたはどのレンダリングパターンを採用しますか?【CSR/SSR/SSG/ISRを図解で解説】

The Moment That Changed Software Development!
▶︎

The Moment That Changed Software Development!

React初心者が間違うuseEffectの使い方【useSWRを利用】
▶︎

React初心者が間違うuseEffectの使い方【useSWRを利用】

ChatGPT, Gemini, Claude & Co erklärt: Wie Maschinen Sprache verstehen | Terra X Lesch & Co
▶︎

ChatGPT, Gemini, Claude & Co erklärt: Wie Maschinen Sprache verstehen | Terra X Lesch & Co

【この動画1本でOK】Next.js 完全攻略【2026年最新 Version15】
▶︎

【この動画1本でOK】Next.js 完全攻略【2026年最新 Version15】

【React Native入門】スマホアプリ開発の流れをハンズオンで理解しよう
▶︎

【React Native入門】スマホアプリ開発の流れをハンズオンで理解しよう

【JWT入門】ユーザー登録・ログイン認証の流れをWebAPIを構築しながら学ぼう
▶︎

【JWT入門】ユーザー登録・ログイン認証の流れをWebAPIを構築しながら学ぼう

雰囲気で使ってる謎のツールJSバンドラーの世界 なぜ必要なのか歴史を紐解きながら解決している問題を理解しよう
▶︎

雰囲気で使ってる謎のツールJSバンドラーの世界 なぜ必要なのか歴史を紐解きながら解決している問題を理解しよう