React Frameworkini O'rnatish

Frameworkni o'rnatish uchun sizning kompyuteringizda NodeJS 22+ bo'lishi kerak. Loyiha yaratish uchun terminalda quyidagi komandani bajarishingiz kerak:

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

Va keyin quyidagi komandalarni bajarasiz:

terminalcd my-app
npm install
npm run dev

Shundan so'ng, sizda frameworkni o'z ichiga olgan my-app papkasi paydo bo'ladi. Ushbu papkadan src papkasini toping - bu sizning loyihangizni ishlab chiqishda foydalanadigan asosiy papkangiz bo'ladi.

src papkasida App.js faylini toping. Yaquin darslar davomida bu fayl sizning asosiy ishchi faylingiz bo'ladi. Unda kod yozasiz va natijalarni brauzer oynasida kuzatasiz.

Ushbu faylni tahrirlovchida oching va undagi keraksiz narsalarni o'chirib, uni quyidagi ko'rinishga keltiring:

App.jsimport React from 'react';

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

export default App;

Loyihangiz o'rnatilgandan so'ng, keyingi marta ishga tushirish uchun (masalan, kompyuterni qayta ishga tushirgandan keyin) terminal orqali my-app papkasiga o'tib, quyidagi komandani bajarishingiz kifoya:

terminalnpm run dev