Sayaç Yapımı

Hazırlayan: 22430070031 Özge Genç

Projede React  kullanarak SPA (ek sayfalı uygulama) yöntemi ile basit bir sayaç uygulaması geliştireceğim . Projemi Visual Studio Code ile oluşturacağım. Bu projede arttır ve azalt butonlarına tıkladıkça sayacın değeri güncellenecektir.

Projeyi geliştireceğim uygulama React tabanlı basit bir sayaç uygulamasıdır. React, kullanıcı arayüzlerini oluşturmak için kullanılan bir JavaScript kütüphanesidir. Bu proje, React'ın temel bileşen yapısını ve state yönetimini anlamak için iyi bir örnektir.

Projenin geliştirilmesi sırasında, Node.js ve NPM (Node Package Manager) gibi araçlar kullanılmıştır.

Projenin ana bileşeni Counter.js dosyasında bulunur. useState hook'u kullanılarak count adında bir state oluşturulmuş ve bu sayacın değeri tutulmuştur. İki farklı fonksiyon kullanılarak sayacın değeri artırılıp azaltılmaktadır. 

Ana uygulama bileşeni App.js dosyasında bulunur. Bu bileşen, Counter bileşenini içerisinde kullanarak sayaç uygulamasını oluşturur. App bileşeni, diğer bileşenleri birleştirerek projenin tamamını oluşturur.

Son olarak, ReactDOM.render() fonksiyonu index.js dosyasında kullanılmaktadır. Bu fonksiyon, React bileşenlerini belirtilen DOM düğümüne yerleştirir. Projemizde, App bileşeni root ID'sine sahip bir DOM düğümüne yerleştirilmektedir. Böylece, React uygulaması tarayıcıda görüntülenir.