React Kurulumu
![](https://i0.wp.com/www.cozumpark.com/wp-content/uploads/2020/06/reactjs-baslangic-rehberi-810x389-2.png?resize=780%2C375&ssl=1)
React, kullanıcı arayüzü(UI) oluşturmak için kullanılan bir JavaScript kütüphanesidir.
Facebook tarafından geliştirilen React.js 2013 yılında açık kaynaklı bir JavaScript Olarak piyasaya sürüldü. Angular ve Bootstrap gibi rakiplerini geçerek zirveye oturmuştur.
Avantajları
Kullanıcı arayüzü geliştirmede çok hızlı ve performanslıdır. Bunun yanında Sayfadaki veriler değiştikçe arayüzü otomatik güncellenmektir.
Kurulum için Gerekli Programlar
React Paketlerimizi kurmadan önce npm komutlarını kullanacağımız için NodeJS programını kurmamız gerekiyor.
![](https://i0.wp.com/www.cozumpark.com/wp-content/uploads/2020/06/images.png?resize=579%2C248&ssl=1)
NodeJS Kurulumu için https://nodejs.org/en/download/ adresine gitmeniz ve işletim sisteminize uygun olan paketi indirerek kurmanız yeterlidir.Bu kısımda dikkat etmeniz gereken nokta LTS sekmesinden indirmeniz çünkü bunun anlamı kararlı sürüm demektir.
![](https://i0.wp.com/www.cozumpark.com/wp-content/uploads/2020/06/opengraph-blog.png?resize=582%2C291&ssl=1)
Diğer yüklememiz gereken programımız tabi ki Visual Studio Code yükleme adresimiz : https://code.visualstudio.com/download bu kısımda işletim sisteminiz için uygun olan paketi indirip kurmanız yeterli.
Kurulum Adımları
İlk olarak masaüstünde Reactapp isminde boş bir klasör oluşturuyoruz ve visual studio code programımızı açarak aşağıdaki görseldeki gibi bu klasöre konumlanıyoruz.
![](https://i0.wp.com/www.cozumpark.com/wp-content/uploads/2020/06/2020-06-08_07-25-09.png?resize=780%2C430&ssl=1)
ctrl + ” kombinasyonu ile terminal ekranımızı açıyoruz. Konumlandığımız klasörde gelecektir. Bu aşamada aşağıdaki kodlarımızı yazarak projemizi oluşturalım.
npx create-react-app First-app
Komutu yazdığımızda Reactapp klasörümüzün içerisine First-app adında bir klasör oluşturulduğunu göreceksiniz.First-app klasörümüze konumlanarak ilk kez projemizi çalıştıralım.
cd First-app
npm start
ilgili komutu verdiğimizde 3000 portunda ilk React sayfamızın çalıştığını göreceğiz.
Faydalı olması ümidiyle…
Çok faydalı bir bilgi teşekkür ederiz hocam
Teşekkür ediyorum yararlı olması mutluluk verici…
Eline sağlık.
merhabalar bana yardımcı olabilir misiniz? 4 gündür uğraşıyorum react’i vısual studıoya indirmek için yazdığınız şekilde npx create-react-app First-app bunu girdim başta indirdi sonra geri sildi. nedendir olmayışı??