やるぶろ

なんでもやる。垂れ流す。汚いです。

Reduxとnormalizrを使う

normalizr JSONを正規化するためのライブラリ normalizr - npm 使い方が分かりづらい… Reduxのドキュメントに色々書いてあるけど使い方が分かりづらい 特にJSONがネストされているとき Normalizing State Shape | Redux 正規化されたデータの更新について読…

Reduxのセレクタ理解する

お題はTodoアプリ。 idとtitleを持つTaskの配列をstateで管理し、 指定したidのTaskのtitleをセレクタで取得するような処理を書きたい。 まずはざっくり画面を作る。 componentの構成はこんな感じ Index └App ┝Header └TaskList └TaskItem 一旦ルーティング…

ReactアプリにTailwind CSSを適用する

23:50 こんな時間だけどやる気が出たのでReduxのセレクタを理解していきたい。 お題はTodoアプリ。 idとtitleを持つTaskの配列をstateで管理し、 指定したidのTaskのtitleをセレクタで取得するような処理を書きたい。 まずはざっくり画面を作る。 component…

React-Reduxのアプリが上手くrunできなかったので色々頑張った

アプリをReduxとか入れて少し画面を作ってみたらnpm startできなくなった npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! redux20211011@0.1.0 start: `react-scripts start` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the redux20211011@0…

tsのエラー解決やGitへのコミットのためにごちゃごちゃ

TS17004: Cannot use JSX unless the '--jsx' flag is provided. tsconfig.jsonに設定を追加する { "compilerOptions": { "jsx": "react-jsx", } } Gitにpushする いつもお世話になっているこの記事を参考にやっていく。 最初のcommit messageは多分こんな感…