Hazırlayan: 22430070045 Halil İbrahim Kalabalık
Projede react kullanarak tek sayfalı uygulama (SPA) yöntemi ile kullanıcıdan alınan verileri hesaplayan basit hesap makinası projesi geliştireceğim.
Projemde react kullanarak basit bir hesap makinesi oluşturmayı göstermeyi hedef aldım. Projenin temelinde, React'ın bileşen tabanlı yapısı kullanılmıştır.
Proje oluşturulduktan sonra, src klasöründe Calculator.js adında bir bileşen dosyası oluşturdum. Bu bileşen, hesap makinesi arayüzünü ve işlemleri gerçekleştirmek için gerekli olan fonksiyonları içerir. Bu bileşen kullanıcının girdisi için bir durum yönetir. Kullanıcı bir sayı girdiğinde fonksiyonu kullanıcının girişini yakalar ve input durumunu günceller.
Calculator.js bileşeni sayesinde kullanıcıdan alınan input değeri dört farklı işlemi gerçekleştiren fonksiyonlar kullanıcı girişini ve mevcut sonucu kullanarak hesaplamaları yapar ve sonucu günceller.
Arayüz, input elemanı ile kullanıcıdan sayı girişi alır ve dört işlemi gerçekleştirmek için düğmeler sağlar. Sonuç, result durumuyla birlikte ekranda görüntülenir.
Bu proje, React'ın bileşen tabanlı yaklaşımını ve React kullanarak nasıl basit bir hesap makinesi oluşturulabileceğini göstermektedir. React, bileşenlerin yeniden kullanılabilirliği ve durum yönetimi gibi avantajlarıyla popüler bir JavaScript kütüphanesidir ve kullanıcı arayüzleri oluşturmak için yaygın olarak kullanılır.