Bu yazımda create react app ile hazır bir React projesini nasıl oluşturabileceğimizi öğreneceğiz. İsterseniz hemen uygulamalı olarak başlayalım.
Hazır React Projesi Oluşturma
⇒ İlk olarak Visual Studio Code‘u açıyorum.
⇒ Terminal -> New Terminal yolunu izleyerek yeni bir terminal penceresi açıyorum.
⇒ Aşağıda yazmış olduğum komut ile create-react-app paketini bilgisayarıma global olarak kuruyorum.
|
1 2 3 |
npm install -g create-react-app |
Gördüğünüz gibi create-react-app paketinin 3.4.1 versiyonu başarıyla kuruldu.
Kurmuş olduğunuz bir paketin versiyon bilgisini öğrenmek istiyorsanız:
|
1 2 3 |
paket_adi --version |
komutunu yazarak öğrenebilirsiniz.
Gerekli paketi kurduğumuza göre artık React projemizi oluşturabiliriz.
⇒ Bilgisayarımda masaüstüne Create React App adında boş bir klasör oluşturuyorum. Siz istediğiniz bir yere istediğiniz bir isimde oluşturabilirsiniz.
⇒ File -> Open Folder yolunu izleyerek biraz önce açmış olduğum klasörü açıyorum.
⇒ Terminal ekranını açıp şu komutu yazıyorum:
|
1 2 3 |
create-react-app proje_name |
Burada benim projemin adı first-react-app. Siz istediğiniz herhangi bir ismi verebilirsiniz. Komutu çalıştırdığınızda projenizin oluşturulması internet hızınıza bağlı olarak 1-2 dk sürebilir. Sonrasında projeniz başarıyla oluşturulacaktır.
Gördüğünüz gibi first-react-app isminde yeni bir proje oluşturuldu.
⇒ Oluşturmuş olduğumuz bu projeyi şu komut ile çalıştırıyoruz:
|
1 2 3 |
npm start |
Evet, projemiz başarıyla çalıştırıldı. Aşağıdaki resimde gördüğünüz gibi projenin varsayılan url adresi şudur:
|
1 2 3 |
http://localhost:3000 |
Artık tarayıcıya bu adresi yazdığımızda hazır React projemizi görebiliriz.
Umarım “Create React App ile Hazır React Projesi Oluşturma” başlıklı yazım sizin için faydalı olmuştur.
Şu yazılar da ilginizi çekebilir.
Node.js Nedir? Node.js Kurulumu Nasıl Yapılır?
Npm Nedir? Npm ile Paket Kurulumu Nasıl Yapılır?
React ile ilgili daha fazla bilgi almak için resmi internet sitesini ziyaret edebilirsiniz.
Yeni bir yazımda görüşmek üzere.
Happy Coding!
