TR Output

フロントエンドエンジニアの備忘録

React

最近のReact(Next.js)開発で気付いたこと

React v18 関連 StrictMode により初回に2回マウントされる 想定した挙動と違って少し戸惑ったので。 (Next.js であれば next.config.js から無効にできる) React.FC 型 から children が除外される React.VFC はもう使わない children を明示的に指定する…

Next.js + TypeScript 環境構築メモ

Next.js (+TypeScript) の環境構築 create-next-app のインストール npm i -g create-next-app プロジェクトの作成 npx create-next-app@latest --typescript 実行 npm run dev ESLint の設定 パッケージのインストール npm i -D eslint 設定 npx eslint --i…

【React × TypeScript】HTML属性の型情報のインポート方法

ReactとTypeScriptでカスタムコンポーネントを作っていた際に、通常のHTMLタグの属性の型をどのように持ってくればいいんだろうと思ったので、調べたことをまとめました。 結論:React.ComponentPropsWithoutRef ※もしくは React.ComponentPropsWithRef 以下…