【TypeScript】値・型・名前空間の「三重定義」でReactコンポーネントをより柔軟に設計する
export type Rectangle = { height: number; width: number; }; export const Rectangle = { from(height: number, width: number): Rectangle { return { height, width, }; }, }; // Rectangleという宣言が型と値の両方で使える！ const rectangle: Rectangle = Rectangle.from(1, 3); サバイバルTypeScriptを読んだ方は、型（Type）と値（Value）を同じ名前で定義するテクニックとしてご存知かもしれません。 実はこれ、名前空間（namespace）も加えた 「三重定義」 が可能なんです。 今回は、この「三重定義」を活用することで実現できる、Reactコンポーネントの柔軟
input[type=number] のステートを安易に number 型にしない - fsubal
input[type=number] には空文字とかも入力できるので、string 型で状態管理をしないと意図しない動きをすることがある
![input[type=number] のステートを安易に number 型にしない - fsubal](https://cdn-ak-scissors.b.st-hatena.com/image/square/2fa6a7d3263719863c45adcd7138eb89579e1680/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fscrapbox.io%2Ffiles%2F633ade0e2efe22001d60e1ea.gif%3Ftype%3Dthumbnail)
TypeScriptのもとでuseRefを使うときに知るべきRefObjectとMutableRefObjectについて
React v19 RC時点で、 MutableRefObject の廃止と RefObject への一本化、デフォルトでmutableになることが案内されています。続報に注意してください。 TypeScript環境でのReactの useRef は、初期値と型引数の与え方によって返り値の型が RefObject と MutableRefObject のどちらかになります。どういう使い方のときにどう書いてどちらを得るべきかを、 @types/react の更新まわりの議論を追った結果を示します。 この記事は2021年5月現在、React 17.0.2が最新バージョンの時点で記述します。 参考にした情報 https://github.com/DefinitelyTyped/DefinitelyTyped/issues/31065#issuecomment-446425911 RefObjec
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - pmndrs/valtio: 🧙 Valtio makes proxy-state simple for React and Vanilla
GitHub - timc1/kbar: fast, portable, and extensible cmd+k interface for your site
GitHub - ant-design/ant-design: An enterprise-class UI design language and React UI library
2015年のJavaScript開発者アンケートまとめ - Qiita