JSX
JSX は関数呼び出し有料プラン
React入門：JSX・コンポーネント・props
Reactと宣言的UI、JSX、コンポーネント、props、children、ファイル分割を学ぶ全22レッスンの入門コースです。モダンJavaScript復習7レッスンは、既習または診断合格で免除できます。最後はプロフィールカードを再利用可能なコンポーネントへ分割します。stateやフォームは次のコースで扱います。
レッスン
22件
所要時間
約5.5時間
ランク
初級
最初のレッスンを読む
10分・登録なしで読めます
動く図解・JSX
動く図解・JSX
目標
プロフィールカードを複数の再利用可能なReactコンポーネントへ分けて表示する
できるようになること
JSXのルールを理解し、式を埋め込んだUIを書ける
コンポーネント・props・childrenを使って表示を再利用できる
画面を部品へ分解し、ファイル単位で整理できる
前提知識・必要な環境
必須
- • JavaScript基礎文法：処理を組み立てる 修了相当
推奨
- • JavaScriptでWebページを動かす 修了相当
- • モダンJavaScript：データ処理とコード設計 修了相当
環境
ブラウザ完結（インストール不要）
このコースに入っているもの
触れる図解
10本
導入スライド
78枚
手を動かす演習
19問
理解度クイズ
3問
監修
ゆめさくコード編集部
プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。
生田 陸人
ゆめさくエンジニア / 現役ソフトウェアエンジニア。Ruby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。
宣言的UIとJSXに触れ、自分のコンポーネントを画面に出すところまで進みます。
Reactで毎日使うJavaScriptの記法を、本編の伏線として先に置き直します。
画面を部品として定義し、propsで値を渡して使い回せるようにします。
このコースを終えると取れるバッジ
React 第3コース
0 / 22 レッスン
次に学ぶなら
このコースを終えたあとに進むと、無理なく続けられます
