Posted by Merhaba arkadaşlar, bu yazımda sizlere React To-do Uygulaması Yayınlama konusundan bahsedeceğim.
Önceki yazılarımızda Görev Ekleme, Güncelleme, Silme, Tamamlama ve Listeleme işlemlerini yapmıştık. Bu yazıda ise geliştirdiğimiz react uygulamasını nasıl yayınlayacağız onu anlatacağım. Uygulamamızı Local IIS üzerine kuracağız. Siz isterseniz FTP ile de hosting‘e dosyaları göndererek yayınlama işlemini sağlayabilirsiniz.
React to-do uygulamasını yayınlamak için aşağıdaki gibi komutumuzu çalıştırıyoruz.
npm run build komutunu kullanarak uygulamanızı optimize edin ve build klasörünü oluşturun.
Bu işlemden sonra build klasörünün içerisindeki dosyaları local IIS altında yeni bir Site oluşturarak içerisine kopyalayın. Kopyalama işlemini gerçekleştirdikten sonra uygulamamızı tarayıcıda açtığımızda IIS üzerine kurulumu başarılı bir şekilde sağlamış olacağız.
React to-do uygulamasını adım adım geliştirmeyi tamamladık ve uygulamayı yayınladık. Bu süreçte React componentlerini kullanarak dinamik bir to-do listesi oluşturmayı öğrendik. Ayrıca API ile veri iletişimi sağlayarak görevleri ekleyebilme, güncelleme, tamamlama ve silme işlemlerini gerçekleştirdik.
Projenin son halini aşağıdaki github adresi üzerinden indirip inceleyebilirsiniz.
https://github.com/alicancevik/basic-todo-app-react-sample
Ayrıca API projesini de aşağıdaki github adresi üzerinden indirip inceleyebilirsiniz.
https://github.com/alicancevik/ReactBasicTodoApp.API
Umarım faydalı olur.
Bir sonraki yazıda görüşmek üzere…