有料プラン

React道場 ハレノヒ珈琲をモダン化する10問

React の基本を終えた人が、白紙から部品を組み立てる演習専用コースです。解説はありません。依頼と完成条件だけを読み、自分で設計します。手が止まったときのために、方針・使う構文・部分解の3段階のヒントを各問に用意しています。props を受ける部品から始まり、state、条件付きのクラス、map での描画、絞り込み、制御コンポーネント、入力の検証を経て、最後は部品の分割と注文ウィジェットの完成まで、10問で React の主要な考え方を一巡します。1問15分から45分、全10問で約5時間です。React入門を終えて「写経はできるが白紙からは書けない」と感じている方に向いています。

レッスン

10件

所要時間

約4.5時間

ランク

中級

最初のレッスンを読む

15分・登録なしで読めます

部品の木と、渡す値の入口

動く図解・MenuCard部品を作れ

前提知識・必要な環境

環境

ブラウザ完結(インストール不要)

このコースに入っているもの

触れる図解

10本

手を動かす演習

10問

監修

ゆめさくコード編集部

プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。

生田 陸人

ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。

  1. 部品と state という、React の2つの土台を自分の手で作れるようにします。

  2. 入力を受け取り、検証し、画面に返せるようにします。

  3. 部品の切り分けと、一連の流れの組み立てに挑みます。

React 第1コースのバッジ 未獲得

このコースを終えると取れるバッジ

React 第1コース

0 / 10 レッスン

このコースの動く図解

動かしながら、仕組みや変化を目で確かめられます。