Wykop.pl Wykop.pl
  • Główna
  • Wykopalisko307
  • Mikroblog
  • Zaloguj się
  • Zarejestruj się
  • Wykop.pl
  • Ciekawostki

    Ciekawostki
  • Rozrywka

    Rozrywka
  • Sport

    Sport
  • Motoryzacja

    Motoryzacja
  • Technologia

    Technologia
  • Informacje

    Informacje
  • Gospodarka

    Gospodarka
  • Podróże

    Podróże

Dostosuj Wykop do siebie

Wybierz treści, które Cię interesują
i zapisz jako Własną kategorię.

workwork
workwork
Profil firmowy

workwork

Dołączył 2 lata i 6 mies. temu
  • Obserwuj
  • Akcje 73
  • Znaleziska 0
  • Mikroblog 73
  • Obserwujący 0
  • Obserwowane 1
workwork
workwork
workwork 05.07.2022, 06:00:34
  • 7
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/

#react #webdev #programowanie #typescript #frontend
  • 32
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

workwork
workwork
workwork
Autor
05.07.2022, 10:53:30
  • 0
@facefear: Dzięki za feedback. To prawda, narzut libki + TS robi swoje, ale to typical stuff jezeli chcesz robic cos na wieksza skale, takie to programowanie jest niestety, albo abstrakcja, albo jedziesz recznie. ( ͡° ͜ʖ ͡°)
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 13:48:02
  • 0
@mirasKo-Kalwario: xd przeczytaj dokladnie i uzyj set state oraz use ref zobacz pozniej jaka jest roznica
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 13:55:44
  • 0
@mirasKo-Kalwario: Daj sobie console.loga po setState i daj sobie console loga po przypisaniu wartosci za pomoca useRef. Jest dokladnie napisane, pokazane - po prostu sie wczytaj - useState ma zawsze wartosc stara z perspektywy event handlera - poniewaz zmiana jest asynchroniczna, useRef nie bo zmiana jest synchroniczna.

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
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 13:58:28
  • 0
@mirasKo-Kalwario: setCounter(counter + 1) w tym tez nie widzisz problemu? ( ͡° ͜ʖ ͡°). Podsylam w takim razie nitke do gita, ktora to wyjasnia:

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.
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:02:03
  • 0
@mirasKo-Kalwario: Ehhh, dalej nie rozumiesz. Wartość, mogą być stare jeżeli będę probowal je odczytac jezeli bylby w state trzymane...

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...
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:04:07
  • 0
@mirasKo-Kalwario: Przesledz artykul, masz code sandboxa - zmien po swojemu i dodaj strzaly do API. Napisz pozniej czy miales jakis problem ( ͡° ͜ʖ ͡°)
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:09:13
  • 0
@mirasKo-Kalwario: Jeszcze raz, na spokojnie.

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?
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:13:34
  • 0
@mirasKo-Kalwario: Tu masz drugi przyklad, o ktorym mowie. Razem masz az 3. Po prostu sie z nimi zapoznaj na spokojnie.

https://stackoverflow.com/questions/54867616/console-log-the-state-after-using-usestate-doesnt-return-the-current-value
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:14:14
  • 0
@mirasKo-Kalwario: Napisalem Ci 3 przyklady, albo trollujesz i tego nie czytasz, albo nie wiem ^^. Uzyj event handlera, a po setState daj console loga tego co zmieniles. Moge sie z Toba zdzwonic i Ci wytlumaczyc jak chcesz
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:15:59
  • 0
@mirasKo-Kalwario: XD
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:16:51
  • 0
@mirasKo-Kalwario: Jak tak piszesz to pewnie tak jest ( ͡° ͜ʖ ͡°)
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:18:29
  • 0
@mirasKo-Kalwario: Dobra ziomek chodz call bo ciezko. Moze jakis google met? Chce Ci to wytlumaczyc bo moze nie wiesz, a Ci sie przyda
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:20:23
  • 0
const handleSubmit = async (e: FormEvent): Promise => {
submit(e);

if (valid && status === "IDLE") {
setStatus("PENDING");

try
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:20:54
  • 0
Ten valid, status jest wlasnie z useRef
Jakby to byl setState to bys mial stara wartosc -> 1 re-render do tylu
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:21:04
  • 0
https://codesandbox.io/s/build-useform-hook-in-react-j3v956?file=/src/containers/change-password/ChangePassword.tsx:1336-1640
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:26:00
  • 0
Uzycie useRef w takim przypadku - gwarantuje mi dostep zawsze do aktualnych danych bez koniecznosci uzycia useEffect i czekania na re-render. Tu nie chodzi o to, ze ja go unikam - oczywiscie, ze nie, ale dzieki temu zabiegowi re-render i tak mam, ale w event handlerach jest "swiezy" stan.

Tu masz prezke, ktora moze Ci pomoc: https://www.youtube.com/watch?v=HPoC-k7Rxwo
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 14:28:16
  • 0
@mirasKo-Kalwario Ale po co mam to robic w callbacku i to jeszcze funkcji, ktora jest zaprojektowana do zwracania nowego stanu i ma byc czysta? Dodajesz do niej efekt uboczny w postaci strzalu do API...

Dalej nie rozumiesz i chyba nie chcesz. Niech bedzie, ze "tak powinno byc" - znajdz mi prosze przyklad w necie gdzie ktos robi takie fikolki
.
  • Odpowiedz
workwork
workwork
workwork
Autor
05.07.2022, 15:02:21
  • 0
@mirasKo-Kalwario: Dobrze, powinien to slaby argument
  • Odpowiedz
workwork
workwork
workwork 04.07.2022, 06:14:34
  • 3
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
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

workwork
workwork
workwork 26.06.2022, 10:49:52
  • 12
Nie wiem jak u Was wykopki, ale ta wojna przewartościowała mi łeb. Jakoś nic już nie jest takie same, a może to depresja i strach przed nieznanym.

Czujeta podobnie ( ͡° ͜ʖ ͡°)?
#ukraina
  • 9
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

workwork
workwork
workwork
Autor
26.06.2022, 10:55:59
  • 1
@RussellSuperFan: zazdro mirek
  • Odpowiedz
workwork
workwork
workwork
Autor
26.06.2022, 11:05:57
  • 0
@RussellSuperFan: to pierwsze, ale ciezko zyc dalej ze świadomością, ze my tu smieszkujem, a ludzie tam traca dorobek zycia, zycie.
  • Odpowiedz
  • <
  • 1
  • 2
  • 3
  • Strona 3 z 3
  • >

Osiągnięcia

  • Rocznica
    od 27.06.2024

    Rocznica

Wykop © 2005-2025

  • Nowy Wykop
  • O nas
  • Reklama
  • FAQ
  • Kontakt
  • Regulamin
  • Polityka prywatności i cookies
  • Hity
  • Ranking
  • Osiągnięcia
  • Changelog
  • więcej

RSS

  • Wykopane
  • Wykopalisko
  • Komentowane
  • Ustawienia prywatności

Wykop.pl