Forms w Redux najlepszy sposób

0

Witam, jak obchodzicie się z formami w Redux?
Z reguły widzę jakieś filmiki/posty +2 lata do tyłu i jak to obecnie wygląda?
I co jeszcze oprócz form zobaczyć? Z bibliteki React-Redux używałem tylko useSelectors, useDispatch, to chyba must have i czemu jeszcze poświęcić czas?
Jakoś tam tera staram się odwiedzać dokumentacje ale ta Redux jest co najmniej dziwna dla mnie albo po prostu za dużo rzeczy nie ogarniam. Musiałem przerobić 2 filmiki żeby się do końca zorientować co z czym się je.

1

Jakimi formami? Jeśli chodzi ci o dane z formularza, to musisz je przerobić ręcznie, np. jeśli chcesz wysłać checkboxy, jako pojedynczy string, możesz używać takiej biblioteki, jak np. react final form (obsługa formularzy). Redux służy tylko do zapisywania danych tymczasowo, lokalnie, tak naprawdę nie musisz wcale ich tam zapisywać.
Jeśli masz np. multi step formularz to już od ciebie zależy jak chcesz to zrobić. Kwestia twojej implementacji. To się niczym nie różni od zapisywania, np. koszyka z produktami.
https://www.google.com/search?q=react+final+form&oq=react+final+form&aqs=chrome..69i57j0l6j69i60.2383j0j7&sourceid=chrome&ie=UTF-8
https://www.google.com/search?q=forms+with+redux&oq=forms+with+redux&aqs=chrome..69i57j0l6j69i60.2640j0j7&sourceid=chrome&ie=UTF-8

0

Zacząłem sie Reduxem interesować, ponieważ z tego co przeszukałem, dalej tego się używa w dużych projektach i chyba dlatego, żeby zarządzać jednym 'state' w każdym komponencie.
Jeszcze jest Context API ale różne opinie o tym czytam.

0

to nie jest tak ... do końca.
Możesz zacząć od reduxa...

context api to raczej alternatywa. Ale nie wiem dokładnie jak to wygląda context api.

Natomiast redux jest implementacją wzorca projektowego observer pattern, i pozwala na dostęp do danych z jednego miejsca (i zawiadamianie tych komponentów że takie zdarzenie zaszło). Np. mamy produkty na stronie oraz możliwość dodania do koszyka, i w nawigacji chcemy mieć dostęp do tych rzeczy(aby pokazać ilość podanych produktów), ale te komponenty są w zupełnie różnych częściach aplikacji, i teraz żeby nie rodzić dzikich importów, i kodu spagetti, jest redux, mamy te dane w 1 miejscu. Ale to nie znaczy że się nie używa state-a lokalnego, jeśli nie potrzebujesz aby dane z formularza były gdzieś wykorzystywane, możesz użyć po prostu zwykłego state-a.

0

Redux jest zbudowany na bazie Context API. Jak używać formularzy z Reduxem? Tak samo jak bez. Budujesz standardowo komponent ze stanem, a później przypinasz store Redux i już. Redux nie zastępuje stanu tylko kłopotliwe przekazywanie propsów pomiędzy komponentami w górę i w dół.

1 użytkowników online, w tym zalogowanych: 0, gości: 1