useMemo, useCallback, czyli rozwiązanie problemów ze zmieniającymi się propsami #143
Replies: 3 comments 11 replies
-
No i to są argumenty, które sprawiają, że hooki wcale nie są takie różowe. Przez te dodatkowe wrappery bardzo łatwo jest stworzyć spaghetti, a żeby nie tworzyć spaghetti, trzeba więcej zastanawiać się, jak to wszystko napisać. Napisałem prosty projekt w hookach i bardzo mnie od siebie odrzucił takie rozwiązanie :) jak dla mnie, komponenty klasowe ftw 🎉 Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Początkowo się zgodziłem w myślach z tym komentarzem. Rzeczywiście, w niektórych przypadkach klasy tutaj będą ładniejsze. Ale nie zawsze! Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Na pewno należy używać z rozwagą ale stwierdzenie, że "zawsze" bo nie ma negatywnego wpływu jest mocno przesadzone :) Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Przykład z artykułu nie ma sensu, bo do onClick i tak przekazywana jest zawsze nowa funkcja strzałkowa. W związku z czym użycie funkcji useCallback jest całkowicie bezcelowe i niepoprawne. Trzeba brać poprawkę na "guru" i zawsze samemu weryfikować treści :) Komentarz zaimportowany z WordPressa |
Beta Was this translation helpful? Give feedback.
-
Myślę, że warte jest tu doprecyzowanie co masz na myśli używając słowa " przerenderowywanie" |
Beta Was this translation helpful? Give feedback.
-
|
No właśnie - przerenderowanie komponentu nie odbędzie się dopiero gdy sam komponent jest również memoizowany. Sama memoizacja propsów nie spowoduję że komponent się nie przerenderuje. |
Beta Was this translation helpful? Give feedback.
-
|
przerenderowanie komponentu nie obędzie się tylko wtedy gdy komponent będzie również memoizowany * poprawka stylistyczna ;) |
Beta Was this translation helpful? Give feedback.
-
|
W artykule nie ma wzmianki o memoizacji komponentu, tylko o memoizacji propsów, która sama w sobie nie zapewni nam tego o czym piszesz. Dlatego warto byłoby to dodać. imo :) |
Beta Was this translation helpful? Give feedback.
-
|
Tak, masz rację! Umknęło mi to bo bez memo() na komponencie żaden z tych przykładów nie ma sensu i zawsze się renderuje 🤦♂ |
Beta Was this translation helpful? Give feedback.
-
|
Super :) Pozdrowienia ! |
Beta Was this translation helpful? Give feedback.
-
useMemo, useCallback, czyli rozwiązanie problemów ze zmieniającymi się propsami
Powszechnym zmartwieniem osób poznających komponenty funkcyjne jest tworzenie funkcji-callbacków przekazywanych dalej jako props. Wszak przy każdym renderze funkcja tworzona jest na nowo! Czy to aby nie marnotrastwo? Czy nie powoduje to problemów? React Hooks useMemo i useCallback przychodzą na ratunek!
https://typeofweb.com/usememo-usecallback-czyli-rozwiazanie-problemow-ze-zmieniajacymi-sie-propsami
Beta Was this translation helpful? Give feedback.
All reactions