Giriş

gitbook: https://legacy.gitbook.com/@enemymerch

Bu tutorial sayesinde ReactJS'in parçalarını, parçaların yaşam döngülerini ve durumlarını, gerçekleşen olayları ve ReacJS'te veri akışının nasıl sağlandığını öğreniyor olacağız.

Tutorial sonunda MeisterTask.com ' a benzer basit bir görev yönetimi sayfası hazırlamış olucaağız.

ReactJS nedir?

ReactJS Facebook tarafından ön uç ("front-end") geliştirmek için tasarlanmış bir Javascript kütüphanesidir. ReactJS günümüz'ün en yaygın Javascript kütüphanelerinden biridir ve ReactJS bize yeniden kullanılabilir UI parçaları geliştirmemize olanak sağlar.

ReactJS özellikle tek sayfalık web uygulamalarının kullanıcı arayüzünü geliştirmek için oluşturulmuştur. ReactJS'in eşsiz özelliklerinden biri de sadece kullanıcı tarafında değil, aynı zamanda sunucu tarafında da çalışabiliyor olması.

ReactJS nasıl çalışıyor?

ReactJS Virtual DOM adı verilen bir kavram ile çalışıyor ve Virtual DOM sayesinde gerekli değişiklikleri ve bileşenlerin durum güncellemelerini minimum sayıda DOM manipülasyonlarla gerçekleştiriyor.

ReactJS ilk önce değişikliğin nerede yapıldığını buluyor ve sonrasında yapılan değişikliği yorumlayıp gerçekleştiriyor.

ReactJS'in özellikleri

• **JSX: **JSX Javascript için bir syntax uzantısıdır.

• **Bileşenler: **ReactJS işlerini HTML'in elementlerine benzer bir ilişki ile kendi bileşenleriyle yürütüyor.

• **Tek Yönlü Veri Akışı ve Flux: **ReactJS'in bu özellikleriyle veri akışını tek yönlü tutuyor.

ReactJS'in avantajları neler?

• ReactJS Virtual DOM kullandığından dolayı, Javascript'in DOM'una göre daha iyi performans sağlıyor.
• ReactJS sen kullanıcı hemde sunucu tarafında çalışabiliyor.
• ReactJS bir ön uç için geliştirilmiş bir kütüphane olduğundan dolayı arka uç için istenilen herhangi bir framework kullanılabilir.