React | アウトプット
Reactを学んだので一度アウトプットをしたいと思います。 ■作った物 ・TODOリスト https://react-firebase-hosting-2eb…
React
React | connected react routerでのエラー
connected react routerでpushを使った際に下記のエラーが出ました。 Uncaught Could not find router re…
React | create-react-appができないパターン
create-react-appができない事例があったので書き残します。 実行すると下記のように出ました。 You are running `create-r…
React | 学習中のエラーまとめ
Reactの学習中で現在Reduxの学習しています。 体験したエラーを随時更新していきます。 今のところほとんど凡ミスです。 ■Module not foun…
React Redux | Reducers
■Reducersの役割 Actionからデータを受け取り Storeのstateをどう変更するか決める →Store内のstateの管理人 ■initial…
React Redux | Actions
■Actionsの役割 ・アプリからStoreへデータを送るためのpayloadを渡す役割 →アプリから受け取ったデータをReducersへ渡す ■paylo…
React | ReduxとFluxフロー
■なぜReduxを使うのか 1.stateの見通しをよくするため 2.どこからでもsataeを参照/変更可能にするため 3.モジュールを疎結合するため Rea…
React | stateの基本的な書き方
■stateの定義 ・this.stateとし、=でオブジェクトを代入する this.state = {name: ‘もり’}; ■stateの取得 ・thi…
#4 .stateの設計とクラスコンポーネントの作成
トラハックさんの講座を受けての自分用メモになります。 ■App.js ・Appクラスコンポーネントを作成 ■dataset.js ・中身はgithubから追加…
MATERIAL-UIをインストールする
■MATERIAL-UIとは ・React向けのUIコンポーネントライブラリ ・手軽にMaterialデザインを取り入れられることができる https://m…
React | 環境構築
■前提 ・node.jsインストール済み ・npmインストール済み ■creat-react-app ・node.jsインストール済み ・npmインストール済…
React | Hooksでstateを使う
■フック(hook)とは ・クラスの機能(stateやライフサイクル)をファンクショナルコンポーネントでも使える ・100%後方互換＝小さく導入できる ■なぜ…
React | ライフサイクルについて
■ライフサイクル ・コンポーネントの時間の流れ ・生まれて、成長して、死ぬまで ・それぞれの段階でに必要な処理を記述 ■3種類のライフサイクル ・mounti…
React | stateについて
■stateとは ・コンポーネント内で管理する変数 ・プロップスとして子コンポーネントに渡せる ・ローカルステートと呼ばれる ★Reduxはどのコンポーネント…
React | コンポーネントについて
コンポーネント間でデータの受け渡しをする ■コンポーネントとは 1,見た目(View) 2,機能(Controller) コンポーネント=見た目＋機能 ■コン…
React | 入門の記録
■reactとは ・jsのライブラリ ・webのUIを作る ■JSX ・変数名などはキャメルケース 例 ・class→className ・const top…