yn2011's blog

技術メモ

React

React Server Components で SSR する場合の Hydration について調べてみた

React Server Components (RSC) について学んでいる中で、Server Component (SC) を SSR した場合に Hydration はどうなるんだろう?と疑問に思ったので調べてみたメモ。間違っていたらすいません。 これまでの Hydration SC の Hydration Next.js における …

React v16 まではイベントハンドラが window.document に登録されていたという話

@koba04 さんの React v17 の変更に関するこぼれ話 を読んで、コードを動かしてみたので書く。 v16 でイベントハンドラは document に登録される React v17 の変更に関するこぼれ話 に記載されている通り、React v16 までは React 内のイベントハンドラは do…

vim-lspを使用してtsxファイルに対してtypescript-language-serverを動かす

環境 macOS 10.14.6 VIM - Vi IMproved 8.2 prabirshrestha/vim-lsp v0.1.0 mattn / vim-lsp-settings v0.0.1 方法 前提:vim-lspはインストール済み wikiの手順と同じだが、whitelistの設定が異なる。 LSPをインストール $ npm install -g typescript types…

Can't perform a React state update on an unmounted component... エラーにConetextが原因でハマった話

環境 react 16.8.6 事象 React.useEffectを使用しているコンポーネントをContext.Provider配下に配置したところ以下のエラーが発生した。 Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak …

Rules of Hooksに違反していないのにHooks can only be called inside the body of a function componentエラーにハマった(と思った)話

環境 react 16.8.2 webpack 4.29.3 事象 webpack-dev-sereverで、Hooksを利用した下記のコードを実行するとHooks can only be called inside the body of a function componentエラーが発生 再現手順 問題のコード(イメージ) // ./App/index.tsx import * …