Cara Install React JS dengan Vite (alternativenya CRA)
Bagi teman-teman yang sudah belajar React JS dari lama mungkin sudah mengetahui jika untuk mulai inisiasi project baru sebelumnya kita bisa menggunakan create-react-app. Namun, kini REACT punya alternative cara baru untuk pembuatan project barunya yakni menggunakan Vite.
Vite adalah alternatif create-react-app untuk memulai project React JS baru. Vite ditulis oleh Evan You dan digunakan oleh Vue dan React untuk project starting template. Vite mendukung TypeScript dan JSX.
Sebelum Mulai
Pastikan kamu sudah memiliki node js di sistem operasimu, jika belum kamu bisa mendownloadnya disini https://nodejs.org/en.
Langkah 1 : Membuat project vite baru
npx create-vite nama-project-kamu --template react- nama-project-kamu (bisa kamu ganti sesuai kebutuhan project apa yang sedang atau akan kamu kerjakan)
Langkah 2 : Pindah ke direktori project
Setelah project selesai terdownload, kita pindah posisi direktori
cd nama-project-kamu- jangan lupa menyesuaikan nama-project-kamu
Langkah 3 : Menginstall dependencies dan menjalankan server
npm install
npm run devJika tidak ada kendala makaa di terminal akan menampilkan output berikut
Kita sudah bisa mengakses aplikasi react kita yang dibuat dengan vite, tinggal mengetikkan localhost:5173 pada browser
