Setup React With Vite Step-by-Step

Vite adalah Build Tools modern yang di rancang untuk menyediakan pengalaman pengembangan yang cepat dan efisien, terutama untuk aplikasi yang berbasis javascript seperti React, Vue dan lainnya.

Vite sendiri lebih berfokus kepada kecepatan pengambangan dengan konfigurasi yang lebih minimal dan waktu pemuatan yang lebih cepat saat proses pengembangan. waktu build produksinya juga biasa lebih cepat karena optimasi optimasi dari rollup

Dalam tutorial ini, anda akan mempelajari cara install Reactjs deangan vite langkah demi langkah

Step 1
Buka aplikasi terminal yang anda miliki, disini saya menggunakan cmder, dan masuk ke folder dimana anda ingin menginstall aplikasinya

Step 2
untuk melakukan proses instalasi anda bisa menggunakan "yarn" atau "npm",
ketik perintah berikut di terminal anda,

##NPM
npm create vite@latest

##YARN
yarn create vite

Saya menggunakan yarn.

Setelah perintah di atas anda jalankan, maka anda akan diminta untuk memasukan nama aplikasi yang ingin anda buat, seperti gambar berikut

Step 3
Anda akan melihat daftar; gunakan tombol panah untuk berpindah ke atas dan ke bawah daftar, klik enter untuk memilih opsi pilihan Anda.
Pada langkah ini, kita akan memilih React

Step 3
Anda akan melihat lima opsi untuk dipilih, Navigasi ke dan pilih
disini saya akan memilih Typescript + SWC

Dan itu saja; Anda sekarang memiliki proyek Vite Anda

Step 4
Seperti yang sudah di perintahkan di hasil ahir pada step 3, anda disuruh untuk masuk kedalam folder aplikasi yang sudah anda buat, setelah itu jalankan perintah yang disuruh

### masuk ke folder aplikasi anda
cd react-vite

### install dependencies
yarn install

Step 5
setelah semua proses di step 4 berhasil, untuk menjalankan aplikasi anda perlu menjalankan perintah berikut

### npm 
npm run dev

### yarn
yarn dev

setelah aplikasi berhasil di jalankan, anda bisa me akses aplikasinya sesuai deangan link yang ditampilkan di terminal

---

Kesimpulan:
Lihat, itu tidak sulit sama sekali, dan semua prosesnya tidak memakan waktu yang lama untuk menyelesaikannya.

Sekarang anda telah berhasil belajar menginstall aplikasi reactJS menggunakan Vitejs

Terimakasih

Artikel ini adalah bagian dari seri Belajar React:

• Bagian 1: Instalasi React & Vite