はじめに

皆さんはVite(ヴィート)についてご存知でしょうか？

create react app が大好きで使いまくっていましたが、

サポート終了で使えなくなる？とかなんかで、、、

私が今携わっている製品開発で Vite を使うことになったので、

現状わかったことを書き置きます。

Viteってどんなところがいいの？

“次世代フロントエンドツール”と謳うVite。

とにかく開発速度を重視して設計されたものであり、

開発時にブラウザのリロードを行わなくても即反映されてとても使いやすいらしい。

なんてったって、ロゴの色合いといい、形といい、おしゃれ。

使いこなしたら得をしそうな匂いがぷんぷんしています。

確かにコードを書いてから反映されるまでが早いのなんの。
とっても使いやすいです。

ただ、今まではCreate-React-Appでまるっとフォーマット作っていた私。

テストの実行環境の設定なんて考えたことがなかったのですが、

Viteを使ってReactと組み合わせて0から作る場合、

テストを書きつつ開発するには　テスト環境構築が必要　らしい！？

そしてViteに相性のいいテストツールはJestではなく　Vitestらしい　ので　
(とりあえず有識者意見採用😅)

使い方含めて下記サイトを参考にしながら設定しました。

Vitestでテストを書くのは初めてなので

上記のサイトを参考にしつつ、下記の公式サイトを参考にしつつ

テストを書きながら慣れていこうとしている段階です。

まだまだViteをマスターするには程遠いですが、諦めずに戦っていきます。

また新しくわかったこと、認識が違っていたことなどあったら更新しますね・・・