Siema. Próbuję napisać sagę, która czeka na payload jednego reducera, i przekazuje ją w nowym callu, który potem rzuca akcją z payloadem drugiego calla. Jak to po ludzku rozwiązać, bo mi już się pomysły kończą i nic nie działa ( ͡° ʖ̯ ͡°)
#webdev #saga #redux #react
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Potrzebny spec od sagi. Jak mam 2 requesty wywoływane przez usera oddzielnie i jeden potrzebuje drugiego to jak to rozegrać? Drugi request musi czekać na response pierwszego, ale to user decyduje kiedy wysyła pierwszy i drugi request. Domyślam się, że w roocie sagi powinienem to handlować. Ja trochę cannot into saga, ale może ktoś pomorze #pdk
#programowanie #react #redux #webdev
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

spec od sagi.


@xDrope: no gotujesz wodę, wlewasz do kubka, wrzucasz torebkę, cukru ile tam chcesz i czekasz aż się naciągnie. Co w tym trudnego
  • Odpowiedz
@pwn3r: aż strach pytać o kotlina xD

@andrew1985: to to wiem. Problem był taki, że pierwszy request to upload danych w tle, a drugi to dopiero parametry do tamtych danych jak nazwa itp. Oba odpalane z przycisków. Najbrzydziej to właśnie z taką flagą z pierwszego requesta wsadzić w intervala odpalającego się przy próbie drugiego requesta. Drugi zależny jest od pierwszego i nie tylko success czy failure, ale także
  • Odpowiedz
Powiedzmy mamę apkę listującą posty, ktoś dodał posta - powinnienem:
1. wywołać akcję dodania posta i dodać go lokalnie do postów w reducer a potem znów pobrać listę postów z serwera
2. wywołać akcję dodania posta (ale nie obsługiwać jej w reducerze), i potem po prostu pobrać listę postów z serwera?

Bo wydaje mi się złą praktyką wywoływanie akcji i dispatch tylko typu, nie obsługujemy w reducerze nic

#react #
  • 13
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@inteli: Taką akcje można wywołać w action creatorze newPostRequest na początku i końcu requesta. Przydaje się w tzw. conditional renderingu jeśli chcemy wyświetlić coś innego w trakcie ładowania.
  • Odpowiedz
#javascript #react #redux #saga #reactjs

jestem frontendowo-reactowym laikiem, stąd moje pytania:

jeśli użytkownik poda poprawną parę login+hasło to pobieram sobie token z backendu. wszystko fajnie, token siedzi sobie w ciastku, teraz chciałbym część contentu na stronie wyświetlać tylko dla zalogowanych użytkowników, część dla niezalogowanych, a część dla wszystkich. teraz moje pytania:

a)
  • 2
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

a), jeśli masz w state info, że jest zalogowany to stąd też weźmiesz te dane do wyświetlenia danych na modalu, token jest tylko po to by móc pobierać dane z backendu.

b). dlaczego niebezpiecznie trzymać informację o zalogowaniu w stanie? Póki użytkownik nie zostanie zweryfikowany przez backend i nie otrzyma tokenu nie dostanie też informacji wrażliwych. Nawet jeśli zmodyfikuje stan aplikacji w locie to nie będzie miał wrażliwych danych.

c) po co
  • Odpowiedz
Mirki problem mam dość poważny. Otóż napisałem sobie apkę w #react + #redux + react-router i wszystko śmiga na serwerze developerskim ale już po zminifikowaniu nie działa ( ͡° ʖ̯ ͡°) Coś przeczytałem że redux się gryzie z react-router. Ale nie trzymam żadnych urli w reduxie i nie opieram się w żaden sposób (wyciągam tylko z nich id). Wiecie co może być problemem?

Jeśli
P.....M - Mirki problem mam dość poważny. Otóż napisałem sobie apkę w #react + #redux...

źródło: comment_sQNsGlfOgW1KgqPhEH616eve0aqLpDwm.jpg

Pobierz
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@toomanyasterisk: withRouter(connect(mapStateToProps, mapDispatchToProps)(App)); załatwiło sprawę ale nie rozumiem czemu tutaj jest tak napisane (myślałem że mnie to nie dotyczy)
1. The component is connected to redux via connect()(Comp).
2 .The component is not a “route component”, meaning it is not rendered like so:

Dobra. Teraz zauważyłem że 1 punkt mnie obejmuje ( ͡° ʖ̯ ͡°) Skupiłem się na 2 punkcie.

Dziękuje bardzo za pomoc ( ͡
  • Odpowiedz
Cześć. Mam apkę w React-Native i mam sporo zagnieżdżonych navigatorów. Mam DraverNavigation, w którym jest TabNavigator i zwykły screen. A w tym TabNavigator mam kilka ekranów, które są w StackNavigator. Chciałbym dorobić do tego Header. Ale tylko w tym TabNavigator. Tego natomaist się nie da i musiałbym dać to do StackNavigator. Dlatego myślałem, żeby zrobić customowy header jako komponent. I tutaj pytanie czy to jest dobre rozwiązanie, żeby w tym przypadku użyć
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@cycun: Domyślam się, że korzystasz z react-navigation. Nie ma rozwiązań złych, są tylko abstrakcyjne ( ͡° ͜ʖ ͡°). O ile mnie pamięć nie myli to w miejscu gdzie definiujesz ścieżki możesz dać parametry do konkretnej części nawigacji. Jeśli mimo to tak jak piszesz w zagnieżdżonym stack navigatorze robi Ci się header to ustaw dla stack navigatora brak headera ręcznie (gdzieś w dokumentacji widziałem, że jest parametr,
  • Odpowiedz
Mircy pomuszcie #react #frontend #webdev
Nurtuje mnie jedna kwestia. Otóż w czym #redux jest lepszy od takiego ułożenia aplikacji:


Zakładając że wszystkie operację będziemy przeprowadzali na stanie komponentu (kontenera) App.
Wydaje mi się że czegoś nie rozumiem, bo nie widzę żadnych zalet używania reduxa. Ba, nawet skomplikowanie w jego dołączeniu do projektu / używanie może bardzo skomplikować całą aplikację.
Jest ktoś kto by to
  • 7
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@mrooczilla: Właśnie w podanym przez ciebie linku było o tym przy reprodukowaniu bugów. Również fajne jest to że możesz zapisywać stan aplikacji i po wyłączaniu strony i włączeniu ponownie stan jest taki jak przed wyłączeniem strony.
@wyrdrender: Tak właśnie. Ten link: https://medium.com/@dan_abramov/you-might-not-need-redux-be46360cf367 oraz poprzez po testowanie na różny sposób aplikacji zauważyłem to że właśnie odwoływanie się do akcji jest dużo łatwiejsze.
Jeszcze tylko ostatnia kwestia:
Zastanawiam się gdzie umieszczać logikę
  • Odpowiedz
Tak się uczę tego #react i #redux i kminię czemu to wszystko jest takie pogmatwane, w końcu nabierze to barw i będzie zrozumiałe, czy wy, którzy kodzicie już +6 miesięcy, dalej myslicie że to trochę jest przerost formy nad treścią?

#programowanie #niepopularnaopinia
  • 5
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

react to jest gowno. typowy przerost formy nad trescia. zacznij sie uczyc Vue - jest o niebo bardziej zrozumialy i po prostu bardziej user-friendly. nie bez kozery np Laravel domyslnie wspiera Vue a nie Reacta.
  • Odpowiedz
Witajcie!

Stworzyłem aplikację webową, dzięki której skonfigurujecie pliki konfiguracyjne WebPack'a oraz pokrewne (package.json, .babelrc) jedynie za pomocą graficznego interfejsu użytkownika.

Aplikacja może mieć jakieś pomniejsze bugi, jednakże configi które na niej do tej tworzyłem działały prawidłowo, więc liczę na to, że Wam również niemiłe niespodzianki się nie przydarzą. A jeśli jednak, to zapraszam do reportowania ich tutaj, bądź na GitHubie.

Narzędzie
  • 3
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Miraski z #programowanie i #frontend mam takie pytanie do #react #redux mianowicie do czego używa się react-scripts? czy to zastępuje webpacka w budowaniu aplikacji ? bo aktualnie używam webpacka i pytanie czy przejście na react-scripts da mi jakieś profity i będzie w miare bezbolesne?
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Hej. Piszę sobie powoli w React+Redux i mam problem, którego sam nie jestem w stanie rozwiązać.

https://pastebin.com/5JbpsBkw -> tutaj jest kod

To tak. Mam formularz rejestracji, działa. Tj. dodaje nowego użytkownika do bazy. Chciałbym teraz móc przechwycić response i zwrócić go do clienta, ale nie dispatchuje (?), w sensie reducer nie zmienia state, i zwraca mi pusty obiekt '{}' - domyślny. Chciałbym, żeby zwrócił mi z updateowany obiekt o response zwracany przez server, tak,
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

robie sobie porownanie Redux vs. MobX i wylania sie z tych dwoch roznych podejsc jedna bardzo kluczowa informacja:
Podejscie Reduxowe gwarantuje tranzakcyjnosc kazdej akcji, gdy w MobX musisz samemu dbac o to, by unikac Race Conditions, a to bardzo rzutuje na testowalnosc i znajdowanie bledow oraz ich naprawe.
Osobiscie wole Reduxowe podejscie z wolniejszym pisaniem aplikacji ale szybszym ich testowaniem i fixowaniem, nizeli prostote pisania kodu razem z ciaglym pilnowaniem sie w
  • 1
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach