Giriş

React, Facebook tarafından geliştirilen ve kullanıcı arayüzleri oluşturmak için yaygın olarak kullanılan bir JavaScript kütüphanesidir. Bu makalede, React kurulum sürecini adım adım inceleyecek ve ilk React projemizi oluşturacağız. İşte React kurulumu ve ilk proje ile ilgili bilmeniz gereken her şey!

React Kurulumu

React'ı kullanmak için gerekli olan temel araçları kurmak, ilk adımımızdır. Bunun için Node.js'in bilgisayarınıza kurulu olması gerekiyor. Node.js'i buradan indirebilirsiniz.

Node.js Kurulumu

# Node.js kurulum komutu (Linux)
sudo apt install nodejs

# Node.js versiyonunu kontrol et
node -v

React Projesi Oluşturma

Node.js kurulduktan sonra, React projesi oluşturmaya başlayabiliriz. Bunun için create-react-app komutunu kullanacağız. Terminal veya komut istemcisinde aşağıdaki komutları çalıştırabilirsiniz:

npx create-react-app ilk-proje
cd ilk-proje
npm start

İlk Projemizi Geliştirme

Projemiz başlatıldıktan sonra, tarayıcınızda http://localhost:3000 adresine giderek çalıştırdığınız uygulamayı görebilirsiniz. Şimdi basit bir bileşen ekleyerek projemizi geliştirelim.

Basit Bileşen Oluşturma

Aşağıdaki kod, yeni bir bileşen oluşturmanızı sağlar:

import React from 'react';

function Merhaba() {
    return 
Merhaba, React!
;
}

export default Merhaba;

Bu bileşeni src/App.js dosyasına ekleyerek uygulamanızda görüntüleyebilirsiniz.

Sonuç

Bu makalede, React kurulumu ve ilk projemizin nasıl oluşturulacağı konusunda temel bir bakış sunduk. Uygulamanızı geliştirirken, daha fazla bileşen ve özellik ekleyerek yeteneklerinizi artırabilirsiniz. Unutmayın, React ile yapabileceklerinizin sınırı hayal gücünüzle sınırlıdır!