Instalasi dan Persiapan Aplikasi React

Dalam pelajaran ini, kita akan memulai dengan menginstal dan mempersiapkan aplikasi React, karena nantinya kita akan menggunakannya bersama dengan Redux. Ada cara yang lebih cepat untuk membuat templat aplikasi React dengan Redux (yang sebenarnya tidak selalu berarti mudah, terutama untuk pemula), yang ditunjukkan dalam dokumentasi resmi, tetapi kita akan memulainya dari nol.

Pertama, kita akan buat aplikasi React my-app menggunakan Vite (ini adalah pengganti modern untuk Webpack). Untuk itu, buka terminal dan masukkan perintah berikut (dalam opsi yang ditawarkan, jika ada, pilih React dan kemudian JavaScript):

npm create vite@latest my-app -- --template react
cd my-app
npm install

Jalankan aplikasi yang telah dibuat:

npm run dev

Buka tautan yang disarankan di browser http://localhost:5173/ dan kita akan lihat tampilan awal yang familiar. Semua berfungsi.

Sekarang hapus yang tidak perlu. Bersihkan folder public. Di folder src, biarkan hanya main.jsx, index.css dan App.jsx (di index.css dan App.jsx hapus seluruh isinya).

Di file index.html, ganti teks judul dengan:

<title>React Redux App</title>

Buat aplikasi React dan pastikan bahwa aplikasinya berjalan.

Hapus file dan folder yang tidak perlu.