Create React App ile Hazır React Projesi Oluşturma

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.

react-nedir-0

 ⇒  Aşağıda yazmış olduğum komut ile create-react-app paketini bilgisayarıma global olarak kuruyorum. 

react-nedir-1

Gördüğünüz gibi create-react-app paketinin 3.4.1 versiyonu başarıyla kuruldu.

react-nedir-3

Kurmuş olduğunuz bir paketin versiyon bilgisini öğrenmek istiyorsanız:

komutunu yazarak öğrenebilirsiniz.

Gerekli paketi kurduğumuza göre artık React projemizi oluşturabiliriz.

 ⇒  File -> Open Folder yolunu izleyerek biraz önce açmış olduğum klasörü açıyorum.

react-nedir-5

 ⇒  Terminal ekranını açıp şu komutu yazıyorum:

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 2-3 dk sürebilir. Sonrasında projeniz başarıyla oluşturulacaktır. 

create-react-app-ile-proje-olusturma-0

Gördüğünüz gibi first-react-app isminde yeni bir proje oluşturuldu.

hazir-react-projesi-olusturma-0

 ⇒  Oluşturmuş olduğumuz bu projeyi şu komut ile çalıştırıyoruz:

hazir-react-projesi-olusturma-1

Evet, projemiz başarıyla derlendi. Aşağıdaki resimde gördüğünüz gibi projenin varsayılan url adresi şudur:

hazir-react-projesi-olusturma-2

Artık tarayıcıya bu adresi yazdığımızda hazır React projemizi görebiliriz.

hazir-react-projesi-olusturma-3

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.

Yorum Yazın

750+ ABONE ARASINA KATIL

Adını ve E-Posta adresini yazarak Html, Css, Javascript, Jquery, Bootstrap, Web Tasarım, C#, Bilgisayar, Telefon, Android, Veri Güvenliği ve daha birçok alanda ders anlatımlarından ve uygulamalı örneklerden anında haberdar olabilirsin.

Abone olduğunuz için teşekkürler.

Birşeyler yanlış gitti.