Instalasi Framework React

Untuk menginstal framework, Anda akan membutuhkan NodeJS 22+ di komputer Anda. Untuk membuat proyek, jalankan perintah berikut di baris perintah:

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

Kemudian jalankan perintah-perintah berikut:

cd my-app
npm install
npm run dev

Setelah itu, Anda akan memiliki folder my-app, yang berisi framework tersebut. Cari folder src di dalam folder ini - ini akan menjadi folder kerja Anda, tempat Anda akan melakukan pengembangan proyek Anda.

Di dalam folder src, cari file App.js. Untuk pelajaran-pelajaran mendatang, file ini akan menjadi file kerja utama Anda. Di dalamnya, Anda akan menulis kode dan mengamati hasilnya di jendela browser.

Buka file ini di editor dan hapus semua yang tidak perlu, ubah menjadi seperti ini:

import React from 'react';

function App() {
	return <div>
		text
	</div>;
}

export default App;

Setelah proyek Anda terinstal, untuk menjalankannya kembali (misalnya, setelah me-restart komputer), Anda hanya perlu berpindah melalui terminal ke folder my-app dan menjalankan perintah berikut:

npm run dev