React Vite + React で SSG する（vite-plugin-ssr 利用した最小構成）
以前の記事では特に plugin など利用しませんでしたが、今回は vite-plugin-ssr を利用した方法です。実際には Pre−rendering 時に情報を取得してレンダリングしたりと言ったことをすると思います。この場合は選択肢...
Vite
React 
React Vite + React の SSR/SSG の基本的な動きを理解する
Next.js を利用すれば SSR/SSG（CSR）/ISR いずれも提供されているので実現することができますが、Vite + React で SSG する方法です。 Vite 公式から辿れる以下のようなライブラリを利用することで Rea...
Vite Vite + Storybook v6 で props の説明（ArgsTable） を HMR したい
Vite + Storybook v6 の環境で Storybook の Docs を使ってコンポーネントの IF の仕様を書く方法です。やり方によってはできなかったので注意です。 バージョン Storybook と Vite のバージョン...
Vite Visual Studio Code の拡張機能 Vite を使ってみる
VSCode の拡張に vscode-vite がありますが、Vite を使った開発をする上で役立つのか使ってみました。 必須の拡張かと言われるとそうではないです。が、エディタの中で開発が完結できるのが嬉しい！と言う人には良いと思います。な...
React React + Vite + eslint + prettier でプロジェクトひな形作成
同様の記事もままありますが、この記事はお決まりの構成として使える状態までの手順です。 React + Vite にした理由は、webpack をこれから新規に０ベースで採用していくのは微妙、React なら Next.js が早く使えそうだ...
Vite Vite + Vue + Vuex プロジェクトに Storybook を導入する
yarn dev で Vite + Vue を起動