もくじ 要素 親要素と子要素 要素の種類 ブロック要素 インライン要素 インラインブロック要素 概念の廃止 表で見る違い display プロパティ 参考URL

もくじ propsの流れ propsの使い方 （本題）親子の要素をまたぐコンポーネント 流れを図解化 実際のコード 複雑な構造をわかりやすく 参考URL

配列とオブジェクトが、いつも違いがわからなくなるのでまとめました。 配列とは オブジェクトとは オブジェクトを要素に持つ配列 配列とは 複数の値をまとめて管理するもの。 [値1, 値2, 値3, ... ]のように書きます。 const fruits = ["apple","banana","o…

もくじ 流れ 1.Homebrewのインストール 2.nodebrewのインストール 3.node.jsのインストール インストール手順 バージョンを指定してインストール インストールできるバージョンの確認 必要なバージョンをインストール インストールされたバージョンを確認 参…

もくじ 現在の情報を確認する オプション 認証情報を切り替える パターン1（明示的にアカウントを指定） 1.アカウント指定を必須にする 2.グローバル設定を削除 3.アカウント情報を設定 4.ログを確認 パターン2（新しくアカウントを登録し直す） 1.グローバ…

もくじ Reactにおけるエクスポート exportとは importとは エクスポート方法 named exports default exports named exportsとdefault exportsの使い分け named Exportsを使うべし 参考URL Reactにおけるエクスポート export自体はJavaScriptの構文ですが、Re…

もくじ トグルスイッチとは 経緯 手順 1.インポート 2.定義する 3.スタイルの指定 4.定義を呼び出し 隣接セレクタの指定 参考URL React + Reactstrap + styled-componentsでトグルスイッチを実装 トグルスイッチとは ON/OFFやYes/Noなどをスイッチ感覚で扱え…

もくじ ReactでのCSS styled-componentsとは styled-components 導入手順 1.インストール 2.インポートする 3.定義 4.DOM要素に追加 5.完成 Reactstrapを併用する 1.Reactstrap、styled-componentsの準備を整える 2. 双方ともインポート 3.定義 4.DOM要素に…

もくじ Reactstrapとは Bootstrapとは 手順 1.前提 2.インストール 3.Bootstrapをインポート 4.Reactstrapをインポート 5.コンポーネントを使う 6.完成 参考URL Reactstrapとは ReactでBootstrapを使えるようにしたライブラリです。 Bootstrapとは Bootstrap…

もくじ Reactとは JSX JSXを使わない構文 return内は一つの要素 JSXの命名規則 実践 中身を確認 書き換える Componentで管理 コンポーネントを分ける 複雑化していくとコンポーネントが便利 参考URL Reactとは React.jsまたはReactJSの名称でも知られ、JavaS…