08.01. State Sorunu

State yönetimi her ne kadar küçük projeler için rahat olsa da proje büyüdükçe güçleşmektedir. Bileşenler arasında veri takibi yapmak zor bir süreçtir.

State değişkenlerimizi tutmak ve bileşenler arasında taşımak için kullanılan bir React özelliğidir. Ancak, bileşenlerin sayısı arttığında ve bileşenler arasında değişkenleri state üzerinden taşımak gerektiğinde geliştiricinin durumları takibi zorlaşır. Örneğin:

Örnekte değişken içindeki veri 1. bileşenden 4. bileşene kadar taşınmaktadır. Burada tek yönlü bir iletim olduğu için veri taşınırken 2. ve 3. bileşenlerden de geçmelidir. Her bileşende state taşıması için ek kod yazılmalı ve bir aşağıdaki bileşene taşınmalıdır. Bu durumda ufak bir hata yaparsak ve taşıma işlemini yapmazsak verinin alt bileşenlerde null olması söz konusu olur ki bu hiç istenmeyen bir durumdur. State yönetimini güçleştiren bu durum için redux bir çözüm olarak karşımıza çıkar.