MenuCard部品を作れ
部品の木と、渡す値の入口有料プラン
React道場 ハレノヒ珈琲をモダン化する10問
React の基本を終えた人が、白紙から部品を組み立てる演習専用コースです。解説はありません。依頼と完成条件だけを読み、自分で設計します。手が止まったときのために、方針・使う構文・部分解の3段階のヒントを各問に用意しています。props を受ける部品から始まり、state、条件付きのクラス、map での描画、絞り込み、制御コンポーネント、入力の検証を経て、最後は部品の分割と注文ウィジェットの完成まで、10問で React の主要な考え方を一巡します。1問15分から45分、全10問で約5時間です。React入門を終えて「写経はできるが白紙からは書けない」と感じている方に向いています。
レッスン
10件
所要時間
約4.5時間
ランク
中級
最初のレッスンを読む
15分・登録なしで読めます
動く図解・MenuCard部品を作れ
動く図解・MenuCard部品を作れ
前提知識・必要な環境
環境
ブラウザ完結(インストール不要)
このコースに入っているもの
触れる図解
10本
手を動かす演習
10問
監修
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
生田 陸人
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
部品と state という、React の2つの土台を自分の手で作れるようにします。
入力を受け取り、検証し、画面に返せるようにします。
部品の切り分けと、一連の流れの組み立てに挑みます。
このコースを終えると取れるバッジ
React 第1コース
0 / 10 レッスン
このコースの動く図解
動かしながら、仕組みや変化を目で確かめられます。