Frontend
Co robisz, jeśli zadanie jest źle sformułowane — na przykład, dyktują ci konkretne położenie i kolor przycisku zamiast opisu problemu?
Ile mikrofrontendów było w systemie?
Czy znasz metody modyfikowalne i niemodyfikowalne tablic? Na przykład, jaka jest różnica między splice a filter?
Czy można obejść ograniczenie CORS na froncie, jeśli nie można poprosić backendu o zezwolenie na CORS? Jakie są metody?
Opowiedz krótko o sobie, czym się zajmujesz, skąd jesteś, dlaczego tu jesteś i wszystko, co uważasz za ważne.
#Formularz rejestracji React 1. Wyjaśnij, jak działa StateProvider, podziel się swoimi przemyśleniami z rozmówcą. 2. Spójrz na /src/api/mock, wyjaśnij, jak to działa. 3. Sprawdź kolor SubmitButton i napraw go. 4. Zaimplementuj walidację formularza klienta w komponencie Signup. (\*\*) Pamiętaj o zadaniu numer 9. Zasady: - Pola Nazwa użytkownika, Email, Hasło i Powtórz hasło powinny mieć co najmniej 6 znaków; - Hasło powinno pasować do Powtórz hasło; - Walidacja powinna być wykonana po kliknięciu "Zarejestruj się"; - Pola z nieprawidłowymi wartościami powinny być oznaczone (props error i helperText); 6. Odpowiedź API może zawierać błąd, który powinien być wyświetlany użytkownikowi w pobliżu odpowiedniego pola. 7. Upewnij się, że komponent UserName wyświetla nową nazwę użytkownika po pomyślnym przesłaniu. 8. Zaimplementuj nowy komponent SignupSuccess. Powinien być wyświetlany zamiast formularza rejestracji. 9. Zaimplementuj walidację serwerową dla odpowiednich pól.
Czy masz doświadczenie z kodem Legacy?
Zobacz widżet wyboru (kilka stanów elementów listy). Co jest tutaj nie tak?
Załóżmy, że nie można zrobić paginacji na backendzie i Web Worker jest niedostępny. Jak rozwiązałbyś ten problem?
Czy zdarzyło się kiedyś, że nie zdążyłeś na czas? Jak wcześniej zorientowałeś się, że nie zdążysz i kiedy o tym poinformowałeś?
Wymień hooki React, z którymi pracowałeś. Opowiedz o zasadniczej różnicy między useState a useRef.
Zadanie 2: Dla poniżej podanych wielu deklaracji interfejsu Todo, wyjaśnij, co się dzieje, gdy są one obecne w tym samym zakresie. Omów, jak TypeScript je traktuje i wypełnij obiekt `myTodo`, aby spełniał wymagania scalonego interfejsu Todo. ```typescript interface Todo { title: string; dueDate: Date; } interface Todo { description: string; completed: boolean; } interface Todo { priority: 'high' | 'medium' | 'low'; completed: string; } const myTodo: Todo = {}; ```
/** * Należy napisać funkcję, która przyjmuje jako wejście URL, * wykonuje zapytanie GET do tego URL i zwraca dane (json). * Do pobrania danych użyj fetch. * Możesz używać tylko API Promise. * Jeśli podczas zapytania wystąpi błąd, spróbuj ponownie 5 razy. * Jeśli ostatecznie nie uda się uzyskać informacji, zwróć błąd "Podany URL jest niedostępny". */ function get(url) { // kod tutaj } get(url) .then(res => console.log(res)) .catch(err => console.error(err))
Czy podobało ci się pracować z Redux jako menedżerem stanu dla złożonych formularzy?
Opowiedz o swoich poprzednich miejscach pracy: funkcje, zadania, osiągnięcia.
Jak zsynchronizować dwie zakładki przeglądarki za pomocą localStorage? Opowiedz o zdarzeniu storage.
Czym jest Feature-Sliced Design (FSD)? Opowiedz o swoim doświadczeniu z FSD.
Czy miałeś kiedyś do czynienia z trudnymi tabelami: filtrowanie, sortowanie, edytowalne tabele?
Zaimplementuj opakowanie nad fetch z próbami powtórzeń: przyjmuje liczbę prób i argumenty fetch, zwraca ten sam wynik co fetch, a po wyczerpaniu prób rzuca ostatni błąd.
Co się stanie, jeśli zamiast klasy użyjemy zwykłego obiektu z tymi samymi metodami (bez trybu strict)?