ぷっぽプログラミング備忘録

linux, javascript, php, C#, そのうちScalaとかアプリ開発とかやってみたいです。

vite を使ってreact お試し環境を一瞬で構築する

概要

react を typescript でとりあえず試したい人は、vite使えば一瞬というお話です。

前提

  • node, npm はインストール済みであること

やることはこれだけ

npm init vite
cd vite-project
npm install
npm run dev

vite-projectの部分はnpm init viteのときに設定した名前に適宜変更してください。

npm run devした後はリアルタイムで変更を監視してくれているらしく、ブラウザリロードもjs側のbuildなども必要なく、コードを修正したら即反映されるようです。感動。

オープンソースのproject freeCodeCamp

こういうのを参考にして、reactのお勉強していきまひょか。
GitHub - freeCodeCamp/freeCodeCamp: freeCodeCamp.org's open-source codebase and curriculum. Learn to code for free.

参考

Vite で最速 React & TypeScript

vitejs.dev