React nedir?

Bu Projede kullandığım diller ve detayları;

Son yılların en çok kullanılan Javascript kütüphanesi olan React oluşturmayı ve temel kullanımlarını öğreneceksiniz.

Popüler bir arayüz geliştirici olan React, kolay kullanımlı bir JavaScript kütüphanesidir. Kullanıcı arayüzleri oluşturmakta kullanılan React, Facebook tarafından geliştirilerek 2013 yılında ilk olarak kullanıma sunulmuştur.

Fotoğrafda gördükleriniz ise benim ilk react projemden tek sayfalık bir web sitesi daha detaylı kodlar için Githup profilimden inceleyebilirsiniz.

Peki neden kullanılır?

Bunu size en basit şekilde şöyle anlatabilirim. React kullanım sebebi günümüzde büyük şirketlerin Facebook, İnstagram , Twitter gibi kullanıcı sayısı çok olan sitelerde veri güncellemesi fazla olduğu için, React'ın `Gerçek Dom`u manipüle etmesinin sonucu olarak bize `Sanal Dom`u oluşturur yani bir tür kopyasını. Bunun sebebi ise web sitesinin düzgün çalışması için DOM’un hangi bölümlerinin değiştirilmesi gerektiğini görmesini sağlar ve ardından onu değiştirir. `Sanal Dom`u güncellemek bize zaman ve hız kazandırır, bu da React’i daha da verimli hale getirir.

React.js Nasıl Kullanılır?

Öncelikle React kullanabilmek için temel seviyede Javascript bilgisine ihtiyaç vardır.React, kalıplarının çoğu için modern JavaScript'in özelliklerini kullanır. JavaScript'ten en büyük ayrılışı, JSX sözdiziminin kullanılmasıyla gelir. JSX, JavaScript'in sözdizimini HTML benzeri kodun onunla birlikte yaşayabileceği şekilde genişletir.Yani Javascript kodlarını Html etiketlerini kullanarak bazı kurallar çerçevesinde yazabiliriz.

Hadi gelin React kuralım.

Create-react-app kullanmak için Node.js'nin kurulu olması gerekir. . Node.js, npm (Node paketi yöneticisi) ve npx'i (Node paketi çalıştırıcısı) içerir.

create-react-app bir argüman alır: uygulamanıza vermek istediğiniz isim. create-react-app, yeni bir dizin oluşturmak için bu adı kullanır, ardından bunun içinde gerekli dosyaları oluşturur.(cd) Uygulamanızın sabit sürücünüzde olmasını istediğiniz yere gittiğinizden emin olun , ardından terminalinizde aşağıdakileri çalıştırın:

Terminalinize `npx create-react-app sayfa-ismi` şeklinde istediğiniz bir isimi vererek çalıştırın.

Artık npm start komutu ile React web sitenize gidebilirsiniz. Bu bizi başlgangıç uygulumasını oluşturma ve React hakkında bazı temel bilgelirin sonuna getiriyor. Bir sonraki bloğumda React'ın temel kuralları ve to-do list yapımını oluşturmaya çalışacagız. Sorularınız için bana ulaşabilirsiniz. Okuduğunuz için teşekkür ederim bir sonraki blogta görüşmek üzere.