JSX sayesinde HTML in içinde JS kullanabiliyorum.

state tanımlamak için constructor(props) {super(props) this.state ={users: []}} kullanılır fakat eğer başka herhangi bir işlem yapılmayacaksa şu şekilde de state = {users: []}; tanımlanabilir.

user tanımladığımızda id: sinin unique olması çok önemli!!

uygulamamızda belli bir parent componentin içine child componentler ekleyerek web sitemizi oluşturabiliyoruz.

render () fonksiyonu import react içindeki {Component} ten geliyor ve biz burada override ediyoruz ve bu sayede JSX formatlarımızı sayfalara döndürebiliyoruz.

user ekleyebilmek için user component oluşturacağız.

küçük uygulamalar da state managemet (react, vue gibi kütüphanelerde state management oldukça sıkıntılıdır) kapsamında propslar(veriler) ile birlikte alttaki componentlere geçirme (props drilling: parent componentten child componente state’in ulaştırılmasıdır.) yapılabilmektedir fakat büyük projelerde vuex veya redux gibi kütüphanelerden istifade etmemiz gerekir.

kendi metotlarımızı tanımlarsak (import ile gelmiyorsa anlamında) mutlaka bind(this) etmemiz gerekir.

arrow fucntion da onDeleteClick = e => { kendi tanımlamamızın çalışmasını sağlar

herhangi bir veri tabanı kullanmadığım için delete user fonksiyonu ile silme işlemi doğrudan koda bağlı olan sayfa görünümünde sildikten sonra sayfayı yenileyince geri gelir.

onChange event i eklenmezse name, email vs. field read only olarak tanımlanır.