React Framework Kurulumu

Framework'ü kurmak için bilgisayarınızda NodeJS 22+ gereklidir. Bir proje oluşturmak için komut satırında aşağıdaki komutu çalıştırın:

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

Ardından aşağıdaki komutları çalıştırın:

cd my-app
npm install
npm run dev

Bundan sonra, framework'ü içeren my-app klasörü oluşacaktır. Bu klasörde src klasörünü bulun - bu, projenizin geliştirmesini yapacağınız çalışma klasörünüz olacaktır.

src klasöründe App.js dosyasını bulun. Önümüzdeki derslerde bu dosya ana çalışma dosyanız olacak. Bu dosyada kod yazarak sonuçlarını tarayıcı penceresinde gözlemleyeceksiniz.

Bu dosyayı bir editörde açın ve içindeki gereksiz her şeyi silerek aşağıdaki hale getirin:

import React from 'react';

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

export default App;

Projeniz kurulduktan sonra, bir sonraki başlatma için (örneğin, bilgisayarı yeniden başlattıktan sonra) terminal üzerinden my-app klasörüne gitmeniz ve aşağıdaki komutu çalıştırmanız yeterlidir:

npm run dev