İlginizi Çekebilir
  1. Ana Sayfa
  2. Javascript
  3. React JS Nedir? React Projesi Oluşturma

React JS Nedir? React Projesi Oluşturma

React_js_dinamik_network

 React JS Nedir?

React JS kullanıcılar için arayüz oluşturmamızı sağlayan Javascript kütüphanelerinden birisidir. Facebook tarafından geliştirilen react.js aynı zamanda açık kaynaklı bir kütüphanedir. Günümüzde popüler olarak kullanılan bir kütüphane olup performanslı ve maliyetsizdir.

Element bazlı oluşturularak Javascript’in karmaşık yapısını düzenler, kod okunabilirliğini ise kolaylaştırır. Gerçek zamanlı güncellenebilen web siteler oluşturmanızı sağlar. Bu yapıya hot reloading denir.

React Js

React dünyasına giriş yaparken yeni birkaç terimle karşılaşacağız. Flux mimarisine benzeyen tek yönlü veri akışını, javascript içerisinde html kodlarını yazdığımız jsx formatını. Detaylı olarak inceleyeceğimiz componentlerden(bileşenler), bu componentlerin arasında iletişimi sağlayan Props yapısını ve React koleksiyonlarının en küçük birimi olan elementleri detaylı inceliyor olacağız.

React Projesi Oluşturma

React uygulamasını kurmak paket yönetici NPM’e ihtiyacımız var. Bunun için bilgisayarımıza Node.Js yüklememiz gerekmektedir. Buradan kolaylıkla node.js kurulumunu yapabilirsiniz.

Kurulum tamamlandıktan sonra react uygulamasını oluşturmak için aşağıdaki komut satırını yazmanız yeterli olacaktır.

npx create-react-app my-app

<img class="alignnone wp-image-3480" src="https://dinamiknetwork.com/wp-content/uploads/2021/12/react_create_project.png" alt="" width="719" height="216" />

Projenin içerisine baktığımız zaman node_modules, public,src klasörlerini görmüş olacağız. Node_modules klasörü içerisinde yüklediğimiz kütüphaneleri bulabiliriz. Public klasörü html, image ve iconların bulunduğu klsörürümüzdür. Src klasöründe ise işlemleri yaptığımız js dosyalarımız bulunmaktadır. Package.json çalıştırdığımız scriptler ve kullandığımız kütüphanelerin tanımlandığı
dosyadır.

Kurduğumuz bu react uygulamamızı çalıştırmak için proje dizinine gidip npm start komutunu kullanmamız yeterli olacaktır.

Yorum Yap

Yorum Yap