Cześć Mirasy,
podsyłam link do artykułu, który ostatnio nasmarowałem. Może komuś się przyda, feedback mile widziany.
https://greenonsoftware.com/articles/react/build-use-form-hook-in-react/
#javascript
podsyłam link do artykułu, który ostatnio nasmarowałem. Może komuś się przyda, feedback mile widziany.
https://greenonsoftware.com/articles/react/build-use-form-hook-in-react/
#javascript
podsyłam link do artykułu, który ostatnio nasmarowałem. Może komuś się przyda, feedback mile widziany.
https://greenonsoftware.com/articles/react/build-use-form-hook-in-react/
#react #webdev #programowanie #typescript #frontend
To podejscie jest wykorzystywane w wielu bibliotekach, np react-redux do obslugi zmian w storze, za pomoca subscribe, zeby uniknac re-renderow.
Dodatkowo to podejscie
https://stackoverflow.com/questions/50837670/reactjs-setstate-previous-state-is-the-first-argument-props-as-the-second-argum#:~:text=If%20you%20are%20going%20to,state%2C%20like%20the%20example%20below.
Dlatego sa w useRef zeby byly zawsze "aktualne", a re-render bedzie odbywal sie po zmianie innej wartosci niz duzego obiektu...
Dodatkowo jezeli zmienie typ prosty -> jak liczbe latwiej mi jest porownac w useMemo czy zmienil sie duzy obiekt czy tylko wartosc liczby...
1. Tak useState - ma callback, ktory pozwala Ci dostać sie do "zawsze aktualnej wartosci"
2. Jezeli jest jakas inna funkcja, ktora chce korzystac z tych wartosci i miec je aktualne -> ja to zrobisz? Uzyjesz setCounter z callbackiem? Teraz git?
https://stackoverflow.com/questions/54867616/console-log-the-state-after-using-usestate-doesnt-return-the-current-value
const handleSubmit = async (e: FormEvent): Promise => {
submit(e);
if (valid && status === "IDLE") {
setStatus("PENDING");
try
Jakby to byl setState to bys mial stara wartosc -> 1 re-render do tylu
Tu masz prezke, ktora moze Ci pomoc: https://www.youtube.com/watch?v=HPoC-k7Rxwo
Dalej nie rozumiesz i chyba nie chcesz. Niech bedzie, ze "tak powinno byc" - znajdz mi prosze przyklad w necie gdzie ktos robi takie fikolki
.