Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı React uygulamalarının nasıl kurulacağını adım adım göstermektedir.
- Video, Facebook tarafından geliştirilen ve GitHub'da 98 bin yıldız alan Create React App (CRA) aracının tanıtımını içeriyor. Konuşmacı, CRA'nın web sayfasından quick start yaparak basit bir React projesi oluşturma sürecini gösteriyor. Kurulum sonrası proje dosyasının yapısı detaylı olarak inceleniyor ve source, public, notes gibi klasörlerin içeriği açıklanıyor. Video, bir serinin parçası olup, sonraki videoda bu dosyaların tek tek inceleneceği belirtiliyor.
- 00:02Create React App Kurulumu
- React uygulamalarını geliştirmek için Facebook tarafından geliştirilen ve açık kaynak olarak GitHub'da bulunan create-react-app repo sitesine ihtiyaç vardır.
- Create React App, 98 bin star ve 1,90 bin görüntülenme sayısına sahip olup, web sayfası üzerinden dökümantasyona hızlıca ulaşılabilir.
- Quick start için terminalde "npx create-react-app simple-app" komutu çalıştırılarak kurulum yapılır.
- 01:29Dosya Yapısı
- Kurulum sonrası "my-app" adı altında bir proje oluşturulur ve dosya yapısı incelenir.
- Proje yapısında "node_modules" klasörü, npm paketlerini içerir ve "package.json" dosyası bulunur.
- "public" klasöründe index.html ve favicon dosyaları, "src" klasöründe ise app.js, app.css ve test dosyaları yer alır.
- 02:22Projeyi Çalıştırma
- Proje dizine gidip "npm start" komutu çalıştırıldığında React projesi ayağa kalkar.
- React'ın default portu 3000'dür, eğer bu port doluysa başka bir port (örneğin 3001) belirlenir.
- Proje çalıştırıldığında "simple-app" dosyası compile edilir ve arkada başarılı olduğunu gösterir.