Hazırlayan: Emre ARIKBOGA - 22430070016
Bu projede React tabanlı bir tek sayfa uygulama (SPA) olarak araç ilanı ekleyip görüntüleyebileceğiniz bir uygulama geliştireceğim. Uygulama daha yapım aşamasında fakat sizin de takip edebilmeniz için buraya GitHub linkini bırakıyorum.
Tek sayfa uygulamasını açıklamak gerekirse, normal koşullarda bir web sayfası geliştirirken örneğin bir nav-bar yaptığınızda her link için yeni bir sayfa oluşturmanız gerekir ve buradaki linklere tıkladığınızda sayfa yeniden yüklenerek değişiklikler önünüzde belirir. Tek sayfa uygulamasında ise javascript kütüphaneleri yardımıyla bu nesnelerin değeri değiştiğinde anlık olarak sayfanızda belirir ve sayfanızı tekrardan yüklemeye gerek kılmaz.
Şimdi gelelim projemize. Bu projede dilerseniz mevcut araç ilanlarını inceleyebileceğiniz dilerseniz de kendi aracınızın ilanını ekleyebileceğiniz bir uygulama geliştireceğiz. Bu uygulamayı geliştirirken Visual Studio Code uygulamasını kullanacağım.
İlk adım olarak terminale girip oluşturduğum bir klasöre erişim sağladıktan sonra (React için gerekli her şeyi indirdiğinizden emin olun) npx create-react-app my-project yazarak "my-project" adında bir React uygulaması oluşturdum. Daha sonra cd my-project ile proje klasörüme terminalden erişim sağladım. Daha sonra npm start komutuyla uygulamamı localhost üzerinde açtım. Genel olarak javascript döngülerim App.js adlı dosya üzerinde olacaktır. Ama karmaşık bir görünüm olmaması adına components adlı bir klasör altında bazı javascript dosyalarını derleyeceğim. Daha sonra div etiketi ile kart şeklinde yapılar oluşturup bir değişkeni bool ile değerini değiştirerek açılır kapanır bir yapı elde edeceğim.