Pemasangan Framework React

Untuk memasang framework, anda memerlukan NodeJS 22+ pada komputer anda. Untuk membuat projek, jalankan perintah berikut dalam baris arahan:

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

Kemudian jalankan perintah berikut:

terminalcd my-app
npm install
npm run dev

Selepas itu, anda akan mempunyai folder my-app yang mengandungi framework tersebut. Cari folder src dalam folder ini - ini akan menjadi folder kerja anda, di mana anda akan membangunkan projek anda.

Dalam folder src, cari fail App.js. Untuk pelajaran yang akan datang, fail ini akan menjadi fail kerja utama anda. Anda akan menulis kod di dalamnya sambil memerhatikan hasilnya dalam tetingkap pelayar.

Buka fail ini dalam penyunting dan padamkan semua yang tidak perlu, menjadikannya kelihatan seperti ini:

App.jsimport React from 'react';

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

export default App;

Selepas projek anda dipasang, untuk menghidupkannya semula (contohnya, selepas memulakan semula komputer), anda hanya perlu pergi melalui terminal ke folder my-app dan jalankan perintah berikut:

terminalnpm run dev