本番リアクトプログラミング

著者直講！最新のリアクト（React）学習、
基礎から実戦活用まで充分に学びましょう。

[リアルリアクトプログラミング]リビジョン
ベースで作った講義！ 📖

2020年7月に出版されたリアクトブックに基づいて講義を行います。
急速に発展するWeb技術の最新のトレンドを習得するには、講義資料の最新化が最も重要です。
リアクトフックを重点的に扱う「実リアクトプログラミング」改訂版でリアクトを学びましょう！

^{▲＜本番リアクトプログラミング＞ 改訂版が気になる場合は、本の画像をクリックしてください。}

この講義で学ぶこと✏️

本講義で扱う本の内容は以下の通りです。

• 第1章：リアクトプロジェクトを始める
• 第3章：重要だが混乱するリアクトの概念を理解する
• 第4章：リアクト実戦活用法
• 第6章：リダックスで状態を管理する
• そして本にはない2つのプロジェクト！

プロジェクト1：2048ゲームを作る🕹️

純粋にリアクトだけを使って2048ゲームを作りましょう。
リアクトの中核機能であるuseState、useEffectの使い方を学ぶことができます。

^{▲純粋リアクトで製作した2048ゲーム}

プロジェクト2：担当者検索サービスを作成する🔍

集団知性を利用した担当者検索サービスを作成します。
誰もが簡単に情報を変更できるように便利な修正機能を提供します。
このサービスを作成しながら、フロントエンドでの認証処理方式と、
redux、redux-sagaを使用したAPI通信コードの書き方を学びます。

^{▲担当者検索サービス}

オンライン実習コード提供⚡

講義で使用されているほぼすべてのコードをオンラインIDE（CodeSandbox）で確認できます！
各レッスン画面の下のリンクを参照してください。
オンラインでコードを直接修正しながら結果を確認できるので、学習に大きな助けになると期待しています。
>>サンプルリンク<<

予想される質問 Q&A 🙋🏻‍♂️

Q. 非専攻者も聞くことができますか？
A.プログラミングの経験がない場合は、まずJavaScriptを習得して聞く必要があります。
必ずしもJavaScriptではなくても、1つ以上のプログラミング言語について理解している場合は、このレッスンを理解できます。

Q. この講義だけの特別な利点がありますか？
A. 本に基づく講義であるだけに、質の高いカリキュラムを提供します。
さらに、本にはない実践プロジェクト2つが含まれています。

Q. このレッスンではどのプログラムを使用しますか？
A. このレッスンで使用される主なパッケージは次のとおりです。
react, create-react-app, react-router-dom, redux, redux-saga, antd, axios
そしてIDEはvscodeをお勧めします。

Q. 本ではタイプスクリプト、Next.jsも扱いましたが？
A. 本にある内容を一つの講義に入れるには内容が多すぎて分けて講義を制作するつもりです。
それでタイプスクリプト、Next.jsをそれぞれ別々の講義で制作してみようかと思っています。

Q.字幕をサポートしますか？
A.プロジェクト2を除くすべてのビデオで字幕をサポートします。

Q. 本を購入する必要がありますか？
A. いいえ 本がなくても理解できるように構成しました。
Typescript、Next.js、Webパック/バーベルなどを追加で勉強する方のみ購入してください。

他の講義を見る 📚

実戦リアクトプログラミング現在の講義
著者 直江、ウェブ技術の最新トレンド React

本当のJavaScript
JavaScript、最新の文法でコアコンセプトを学ぶ

タイプスクリプトを始める
タイプスクリプト、基礎から高度な機能まで