Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Listen localStorage chanesg in React js

nuri60

A Componentindeyim burada localstorage i değiştiriyorum .

B componentinde bunun nasıl değiştiğini tespit edip B componentinde ilgili yeri değiştirebilirim .

Laravel sitesi ama şansımı denmek istedim :-) Teşekkürler şimdiden ...

TurgutEfeYksel

nuri60 Tam anlamadım fakat galiba a componentinde localStorage den bir değer değiştiğinde b componentindende değiştirmek istiyorsunuz sorunuzun cevabını bilmiyorum fakat neden redux kullanmıyorsunuz harika araçtır redux ile bu işlemi çok basit bir şekilde halledebilirsiniz.

nuri60

TurgutEfeYksel Şöyle sistemde bir login işlemi var bir modal vasıtası ile login formu açılıyor ve login işelemi başarılı olduğunda refresh oluyor . Refresh olma durumunda state sıfırlanıyor biliyorsunuz ki. Bunun önüne geçemediğim için localStorage kullanmak zorunda kaldım . Evet sorumu doğu anlamışsınız .Hem bu state sıfırlanma durumu için hem de sorunum için bir öneriniz var mı ? Çok teşekkür ederim şimdiden ...

mgsmus

nuri60 Login işlemi başarılı olunca neden refresh oluyor? Uygulama bir kere yüklendikten sonra bir daha hard reload gerçekleşmemesi lazım. Bu öncelikli çözmeniz gereken konu.

İstediğiniz için ayrıca event emitter nedir onu da araştırabilirsiniz.

TurgutEfeYksel

nuri60 https://github.com/rt2zz/redux-persist bu paketi kullanarak hard refresh olurken statelerin sıfırlanma sorununu çözebilirsiniz.

mizraklar

nuri60 merhaba
Reactjs kullanım amacı sayfa yenilemeden aynı pencere içinde sayfalar arası geçiş ve buna benzer işler için idealdir.
Login olduğunuzda sayfa yenilemek yerine duruma göre dom güncellemesi ile gerekli işlemleri yaparsanız ki bunun üzerine eğilin derim ben bu sayede daha kullanışlı sistem oluşturabilirsiniz. Böylece veri kaybınız olmaz ek yük getirecek ilave paketlerede ihtiyacınız olmadan sağlıklı bir yapı kurabilirsiniz.

hcan

nuri60 Verilerinizi hem localStorage'da hemde state tutmalısınız. Burdaki "verilerden" kastım user bilgileri gibi veriler. Yoksa gidip stata'te tutulan her şeyi localStorage'da tutmak doğru olmazdı. Basitçe şöyle düşünülebilir:

Login işlemi başarılı şekilde gerçekleşir. User bilgilerini hem state hemde localStorage'a set edersin. Sayfa eğer refresh olursa localStorage'dan çekip state'e tekrar set edersin. Bu şekilde olunca işin sadece state ile olur.
Logout olduğunda da hem localStoarge hemde state'ten aynı anda silmen gerekir.
Yani iki alanında tutarlı olması için bir alanda değişiklik yaptıysan, diğer alanda da yapman gerekir.

nuri60

TurgutEfeYksel Bu paketin yaptığını storage e bir listener yazarak state update olduğunda localstorage'deki istediğim değeri değiştirerek yaptım.

nuri60

hcan Aynen böyle çalışıyor şuan, ama burada tek sıkıntım initialState değerini belirlerken localStorageden almak istiyorum ama burada (store oluşturduğum js dosyasında ) localStorage'i tanımıyor

nuri60

Projede bir çok component var yapı olarak 3 farklı component var footer header ve main(bu component değişken yani diğer her bir component bunun childı dırımunda ) ama bazı componetlerde
Could not find "store" in the context of "Connect(ChatIndex)". Either wrap the root component in a <Provider>, or pass a custom React context provider to <Provider> and the corr
esponding React context consumer to Connect(ChatIndex) in connect options.
böyle bir hata alıyorum

TurgutEfeYksel

nuri60 index.js içerisin de

<Provider store={store}> <App /> </Provider>

App componentini bu şekilde sardınız mı ?

nuri60

Evet