React Uygulamasının Kurulumu ve Hazırlanması
Bu derste, sıfırdan başlayarak bir React uygulaması kuracağız ve hazırlayacağız, çünkü daha sonra onu Redux ile birlikte kullanacağız. React ile Redux şablonu oluşturmanın daha hızlı yolları var (bu arada, bu özellikle yeni başlayanlar için her zaman kolay anlamına gelmez), resmi dokümantasyonda belirtilmiş olsa da biz sıfırdan başlayacağız.
Başlangıç olarak, Vite kullanarak (bu, Webpack için modern bir alternatiftir) my-app adında bir React uygulaması oluşturacağız. Bunun için terminali açıp aşağıdaki komutları gireceğiz (sunulan seçenekler varsa, React ve ardından JavaScript'i seçeceğiz):
npm create vite@latest my-app -- --template react
cd my-app
npm install
Oluşturulan uygulamayı çalıştıralım:
npm run dev
Tarayıcıda önerilen http://localhost:5173/ bağlantısını açalım ve tanıdık açılış ekranını görelim. Her şey çalışıyor.
Şimdi gereksiz dosyaları kaldıralım. public klasörünü temizleyelim. src klasöründe sadece main.jsx, index.css ve App.jsx dosyalarını bırakalım (index.css ve App.jsx dosyalarının içeriğini tamamen silelim).
index.html dosyasındaki başlık metnini şununla değiştirelim:
<title>React Redux App</title>
Bir React uygulaması oluşturun ve çalıştığından emin olun.
Gereksiz dosya ve klasörleri silin.
