React компоненттерин түзүү

Тема: React компоненттерин түзүү

Иштин максаты

React программасында функционалдык компоненттерди түзүүнү жана колдонуу принциптерин үйрөнүү.

Керектүү программалар

  • Node.js
  • Vite же Create React App
  • VS Code редактору
  • Браузер

Теориялык маалымат

React тиркемеси компоненттерден турат. Компонент — бул интерфейстин кайра колдонулуучу бөлүгү. Компоненттер функционалдык функция түрүндө жазылат жана JSX кайтарат.

Иштин жүрүшү

  1. Жаңы React проект түзүү

npm create vite@latest pilend cd my-react-app npm install npm run dev

  1. src папкасында Hello.jsx компонентин түзүү

function Hello() {   return <h1>Салам React!</h1>; } export default Hello;

  1. Бул компонентти App.jsx ичинде колдонуу

import Hello from "./Hello"; function App() {   return (     <div>       <Hello />     </div>   ); } export default App;

Натыйжа

Экранда төмөнкү текст чыгышы керек:

Салам React!

Контролдук суроолор

  1. React компоненти деген эмне?
  2. JSX деген эмне?
  3. Компонент кантип экспорт кылынат?