TypeScript

React

Vite + React で SSG する(vite-plugin-ssr 利用した最小構成)

以前の記事では特に plugin など利用しませんでしたが、今回は vite-plugin-ssr を利用した方法です。実際には Pre−rendering 時に情報を取得してレンダリングしたりと言ったことをすると思います。この場合は選択肢...
React

Vite + React の SSR/SSG の基本的な動きを理解する

Next.js を利用すれば SSR/SSG(CSR)/ISR いずれも提供されているので実現することができますが、Vite + React で SSG する方法です。 Vite 公式から辿れる以下のようなライブラリを利用することで Rea...
React

SPA(React) で親 Window から子 Window へのデータの受け渡しがしたい

SPA(Single Page Application)だけど別ウィンドウでも開きたい、かつ、起動元の親ウィンドウのデータを起動された子ウィンドウで参照したい場合の方法です。 候補は以下 URL パラメータ渡し LocalStorage グ...
React

React + Vite + eslint + prettier でプロジェクトひな形作成

同様の記事もままありますが、この記事はお決まりの構成として使える状態までの手順です。 React + Vite にした理由は、webpack をこれから新規に0ベースで採用していくのは微妙、React なら Next.js が早く使えそうだ...