React JS | React Proyektinin Yaradılması

React JS, Facebook tərəfindən hazırlanmış və açıq mənbəkli bir JavaScript kitabxanasıdır. React, istifadəçi interfeysləri yaratmaq və idarə etmək üçün inkişaf etdirilmişdir. Bu yazıda, React proyektinin yaradılması haqqında məlumat veriləcək.

Proyektin Yaradılması

React proyektinin yaradılması üçün əvvəlcə create-react-app adlı npm paketini qurmalısınız. Bunun üçün terminalı açın və aşağıdakı kodu daxil edin:

npx create-react-app proyekt_adı

Burada proyekt_adı hissəsini öz proyektinizin adı ilə əvəz edin. Bu komanda istifadəçi üçün yeni bir React proyekti yaradacaq və lazım olan bütün faylları avtomatik olaraq yükləyəcəkdir.

Proyektin yaradılmasından sonra, proyekti çalışdırmaq üçün terminalda aşağıdakı komandaları sıra-sıra daxil edin:

cd proyekt_adı
npm start

Bu komandalar proyekti açacaq və brauzerinizdə tərəqqi edəcəkdir. Artıq React proyektiniz hazırdır və istədiyiniz dəyişiklikləri etməyə başlaya bilərsiniz.

React Componentlərinin Yaradılması

Proyektinizdə yeni React componentləri yaratmaq üçün, src qovluğunun içində dəyərli components adlı bir qovluq yaradın. Daha sonra, bu qovluqda yeni fayllar yaradaraq istədiyiniz componentləri qura bilərsiniz.

Bir component yaratmaq üçün aşağıdakı sintaksisi kullanın:

import React from 'react';
function ComponentAdı() {
return (
<div>
<h1>Component Başlığı</h1>
<p>Component mətni...</p>
</div>
);
}
export default ComponentAdı;

Bu sintaksis vəzifəyə yeni bir React component yaratmaq üçündür. Yaratdığınız bu componenti, istədiyiniz başqa fayllarda istifadə edə bilərsiniz.

React proyektlərinin yaradılması və idarə edilməsi bu qədər sadədir. React kitabxanasından istifadə edərək, istifadəçi interfeysləri yaratmaq və inkişaf etdirmək artıq daha asandır.