🔶 HTMLとCSSは書けるが、Reactをどこから始めればいいかわからない人

🔶 useStateやuseEffectは使えるけど、「なんでそう書くのか、よく分かっていない」人

🔶 TypeScriptのコードが複雑で、苦手意識を感じている人

🔶 JavaScriptをちゃんと勉強してからReactに進もうと足踏みしている人

🔶 他のReact入門書や動画で、途中で止まってしまった人

🔶 「ReactでTypeScriptを使う方法だけ」を効率よく学びたい人

✅【20代男性・文系未経験】

他にも情報は山ほどありましたが、「まずはこれ一つに絞る」ことで迷わずに済みました。Reactの質問にもきちんと答えられるようになり、企業の面接で無事に内定をもらうことができました。

✅ 【30代・SIer勤務、Reactは独学】

解説の丁寧さと実践への落とし込み方が非常にバランスよく、「これだけでReactマスター」の看板に偽りなし。ネットのブログ記事やYouTubeよりずっと効率的でした。

※前提知識はHTMLとCSSだけ。JavaScriptとTypeScriptの知識は教材内ですべてカバーしています。

🔷 Reactで使うJavaScriptの知識
オブジェクトと配列／定数宣言／map()／分割代入／スプレッドオペレーター ほか

🔷 Reactの基礎概念
コンポーネント／仮想DOM／レンダリングの仕組み（トリガー・コミット・ペイント）／初回レンダリングと再レンダリング

🔷 Reactのコア・コンセプト
環境構築（React+Vite）／state・useState／useEffect／useRef／useReducer／Context／カスタムHook／ルーティング／ダークモード／楽観的更新／Redux／テスト ほか

🔷 最新 React 19 の新機能
formの新しい役割／Action／useActionState／useTransition

🔷 React + TypeScriptの基礎
型定義の書き方／useStateの型／propsの型／イベントの型／非同期処理の型／型推論／any型 ほか

🔷 React + TypeScript中級 〜 上級テクニック

ジェネリクス／型ガード／ナローイング／Zod（バリデーション）／ComponentProps／Utility Types（Pick・Omit・Partial・Required・Record）／enum ほか

※本教材は全編、作りながら学ぶハンズオン形式です。

※本教材はnoteでも販売しています。内容は同一です。

Amazonベストセラー1位を複数回獲得している『はじめてつくるReactアプリ with TypeScript』、翔泳社刊『動かして学ぶ！Next.js/React開発入門』（韓国でも発売）著者。

自身のJavaScript挫折経験をもとに、専門用語なしでプログラミングを教えることに定評があり、1200人以上のビギナーを最新のフロントエンド開発に導いてきました。

ウェブサイト → monotein.com

【Q】 JavaScriptを先に勉強してからでないと無理ですか？
❇️ 前提知識はHTMLとCSSだけで大丈夫です。Reactでよく使うJavaScriptの知識は、教材の中でゼロから丁寧に説明しています。

【Q】 TypeScriptは難しいというイメージがあります

❇️「TypeScriptをReactで使う」という点に絞って教えているので、TypeScriptを単体で学ぶよりはるかに効率的に学べます。「なぜこの型が必要か」が実感しながら理解できます。

【Q】 テキスト版と動画＋テキスト版、どちらを選べばいいですか？

❇️「まず動画で全体の流れをつかむ。その後、テキストでしっかり確認する」。このような2ステップ学習が最も定着しやすいため、動画＋テキスト版をおすすめしています。

【Q】 Reactを何度か触ったことがある中級者でも使えますか？

❇️はい。Reactをなんとなく書いてきた中級者の方からも「ずっと曖昧だった部分が整理できた」という声が多く届いています。基礎の確認から上級テクニックまでカバーしています。

また、本教材を終えた後のレベルにぴったりなNext.js教材が特典として付属します▼

React × TypeScript、この1本で基礎から応用まで▼