Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, anlatıcı tarafından React kurulumunun adım adım gösterildiği bir ders formatındadır.
- Video, React kurulumunun temel adımlarını kapsamaktadır. Önce Node.js'in ne olduğu ve nasıl kurulacağı anlatılmakta, ardından npm (Node Package Manager) kurulumu gösterilmektedir. Daha sonra Create React App paketinin kurulumu ve ilk React uygulamasının çalıştırılması adım adım açıklanmaktadır. Video, React'in temel kurulumunu öğrenmek isteyenler için temel bir rehber niteliğindedir ve bir sonraki videoda içeriklerin inceleneceği belirtilmektedir.
- 00:07React Kurulumuna Giriş
- React kurulumu için Node.js ve npm kurulumu gereklidir.
- Create React App, Facebook tarafından yayınlanan bir Node paketidir ve React geliştirme ortamını kolayca kurmamızı sağlar.
- Gerçek bir React geliştirme ortamı için webpack, eslint ve React kütüphanesinin kurulu olması gerekir, ancak Create React App ile bu tüm kurulumlar otomatik olarak yapılır.
- 01:32Node.js Kurulumu
- Node.js, JavaScript kodlarını çalıştıran bir JavaScript motorudur.
- Node.js kurulumu için resmi web sitesinden indirilen setup dosyasını "next next" diyerek kurabilirsiniz.
- Kurulumun başarılı olduğunu kontrol etmek için komut satırında "node -v" ve "npm -v" komutlarıyla Node.js ve npm versiyonlarını görebilirsiniz.
- 03:08Node.js Kullanımı
- Node.js bir JavaScript terminalidir ve doğrudan JavaScript kodları çalıştırabilirsiniz.
- Komut satırında basit matematiksel işlemler veya koşullu ifadeler gibi JavaScript kodları çalıştırabilirsiniz.
- Node.js ile JavaScript kodlarınızı dosyalar halinde de çalıştırabilirsiniz.
- 04:19Create React App Kurulumu
- Create React App'i kurmak için terminalde "npm install -g create-react-app" komutunu kullanabilirsiniz.
- Kurulum tamamlandıktan sonra "create-react-app kurulum" gibi bir komutla proje klasörünüzü oluşturabilirsiniz.
- Proje klasörü oluşturulduktan sonra "cd kurulum" ve "npm start" komutlarıyla projeyi çalıştırabilirsiniz.
- 07:36React Projesini Başlatma
- Proje klasörüne geçmek için "cd kurulum" komutunu kullanmalısınız.
- "npm start" komutuyla projeyi ayağa kaldırabilir ve localhost:3000 adresinde çalışır.
- Başlangıç sayfasında "Learn React" mesajı görünür ve kod yazmaya hazır olduğunuzu belirtir.