![useReducerでコンポーネントに渡すpropsをすっきりさせたいっ！[React/typescript]](https://blog.mitsuto.com/wp-content/webpc-passthru.php?src=https://blog.mitsuto.com/wp-content/uploads/2015/06/React.js_logo.svg_.png&nocache=1 "useReducerでコンポーネントに渡すpropsをすっきりさせたいっ！[React/typescript]"){kind=logo}
useReducerでコンポーネントに渡すpropsをすっきりさせたいっ！[React/typescript]
機能追加を続けるとuseStateが乱立というかどんどん増えて行ってしまうので、useReducerでまとめて処理したいと思います。 useState import { useState } from 'react'; const = useState<number>(1); const…
TypeScript
TypeSciprtのオプショナルチェーンをメモっ！
Optional Chaining rubyで書くと user&.id ですね。 (userがnilでなければidを呼び、userがnilの場合はnilが返るやつ) で、Typescriptで書くとこんな感じ const id = user?.id; ですね。 (userがnull / undefi…
React(TypeScript)でコンポーネントのtypeを別のコンポーネントで使いたいっ！[ComponentProps]
とあるコンポーネントのPropsで指定しているtypeを使いまわしたい時にComponentPropsを使うのを忘れそうなのでメモ。 const Hoge: React.FC<{ id: number }> = ({ id }) => { return <>{id}&l…
graphql-code-generatorでエラーがでたのでデバッグしたいっ！
graphql-code-generatorっていう、GraphQLからTypeScriptのTypeを生成してくれるライブラリがあるんですが、生成に失敗しても何か悪いのが全然わからないっていう Found 1 error Something went wrong error Command fai…
TypeScriptのよく使う型メモ
number const hoge: number = 3; Arrayの中に数値 const hoge: number[] = ; ネストしたArray const hoge = const hoge: Array<{foo: string}>; boolean const hoge:…
vimでTypeScriptのSyntaxHighlightに対応したいっ！
Vimプラグインマネージャー 元々インストールしたままのvimで一部の設定は.vimrcに書いていましたが、とりあえずVundle(vimプラグインマネージャー)をインストールします。 Vundle.vimをclone git clone https://github.com/VundleVim/V…