Frontend

Czym różnią się kontrolowane i niekontrolowane komponenty w React? W jakich przypadkach lepiej używać komponentów niekontrolowanych?

Określ kolejność wyświetlania w konsoli dla kodu z użyciem async/await i setTimeout.

Programista otrzymuje token JWT po zalogowaniu. Co z nim zrobić? Gdzie lepiej przechowywać token — w localStorage czy w cookie? Jak zapisać token w cookie?

Czy komponent będzie się ponownie renderować, jeśli nie ma propsów?

Załóżmy, że backend nie przesyła ID. Jak byś sobie z tym poradził?

Dlaczego menedżer stanu (np. Redux) jest lepszy niż po prostu podzielone na części konteksty?

Jak zabezpieczyć funkcję sumowania, jeśli backend może wysłać niepoprawne dane (undefined, ciągi zamiast liczb)?

Istnieje tablica użytkowników wyświetlana za pomocą map. Gdzie jest błąd i czego brakuje?

Są dwa komponenty: App i Child. Child znajduje się wewnątrz App i jest opakowany w memo. W App jest obiekt user, który jest przekazywany do Child jako prop, oraz przycisk, który zmienia count. Co się stanie po kliknięciu przycisku? Jak sprawić, aby Child się nie rerenderował?

Określ kolejność wyświetlania w konsoli dla kodu z użyciem setTimeout i Promise (zadanie na Event Loop).

Dlaczego RTK Query lub React Query są lepsze od zwykłego fetch do zapytań? Jak frontend rozpoznaje, kiedy musi zaktualizować dane?

Wszystko zostało poprawnie wykonane: backend ustawił cookie HTTP-only. Ale po odświeżeniu strony cookie znika. Co może być przyczyną?

Zadanie Two Sum: mając tablicę liczb i liczbę docelową target. Znajdź indeksy dwóch liczb, których suma jest równa target. Jaka jest złożoność twojego rozwiązania?

Dane tabelaryczne pochodzą z backendu w postaci tablicy obiektów. Napisz funkcję do obliczenia sumy pola amount.

Z jakimi problemami zmierzy się początkujący programista, który stworzył duży useContext dla całej aplikacji i używa go we wszystkich komponentach? Jakie narzędzia mogą pomóc obejść ten problem?

Jak obsługiwać funkcję przekazywaną jako prop do komponentu potomnego, aby uniknąć niepotrzebnych ponownych renderowań?

Do czego właściwie służy klucz (key) na listach w React?