Frontend
W jakim terminie są gotowi do rozpoczęcia pracy?
Dlaczego w React nie można bezpośrednio zmieniać stanu? Na przykład, state.count = 5.
// Utwórz typ, który zawiera te same pola co Delivery, // ale wszystkie pola są opcjonalne (mogą mieć wartość undefined) i nie mogą zmienić swoich wartości.
Opowiedz o użyciu NX w projekcie i dlaczego został wybrany
Opowiedz o zasadniczej różnicy między Angular jako frameworkiem a React jako biblioteką.
Jakie podejście wykorzystuje React: imperatywne czy deklaratywne? Jaka jest różnica?
Jak działa destrukturyzacja reaktywnych wartości w Vue i jak zachować reaktywność podczas destrukturyzacji?
Opowiedz o swoim doświadczeniu zawodowym: w jakich zespołach pracowałeś, jakie stanowiska zajmowałeś, jakie przypadki były związane z projektowaniem architektury i podejmowaniem decyzji technicznych?
Opowiedz o swoim doświadczeniu w przeglądzie kodu. Na co zwracałeś uwagę? Jakie najczęstsze błędy napotkałeś?
Jak rozwiązać zadanie withTimeout alternatywnie za pomocą Promise.race? Czym jest Promise.race, czym różni się od Promise.all?
Czym są ataki XSS?
Do czego służą portale w React?
Znajomość baz danych i pracy z API
Czym jest reconciliation w React?
Opowiedz o Promise: statusy, metody statyczne (all, allSettled, any, race).
Pobierz dane o książkach i ich autorach. Wyświetl dane w formie paginowanej listy po 10 książek na stronie w formacie: <tytuł książki> - <autor> api: [link] specyfikacja: [link] jeśli swagger się nie otwiera, w katalogu głównym sber-c55-books-mock-1.0.1-oas3.1-resolved.yaml const PAGE_SIZE = 10; export default function App() { const [books, setBooks] = useState([]) const [page, setPage] = useState(1); const [loading, setLoading] = useState(false) useEffect(() => { setLoading(true); fetch('[link]') .then((res) => res.json()) .then((data) => { setBooks(data); setLoading(false); }) .catch(() => setLoading(false)); }, [page]); const totalPage = Math.ceil(books.length / PAGE_SIZE); const start = (page - 1) * PAGE_SIZE; const currentBooks = books.slice(start, start + PAGE_SIZE); return ( <div className="App"> {loading && <p>Ładowanie...</p>} <ul> {currentBooks.map((book, index) => ( <li key={index}>{book.title} - {book.author}</li> ))} </ul> <div> <button disabled={page === 1} onClick={() => setPage(page - 1)}> Wstecz </button> <button disabled={page === totalPage} onClick={() => setPage(page + 1)}> Dalej </button> </div> </div> ); } Popraw błędy i zaimplementuj paginowane wyświetlanie listy książek z autorami.
Co najbardziej Cię interesuje: ulepszanie istniejących projektów, tworzenie nowych funkcji, współpraca z backendem czy optymalizacja?
Wyjaśnij, jak działa pętla zdarzeń — czym są mikrozadania, makrozadania i ich priorytetyzacja.
W Reactcie jest komponent z inputem. Klikamy przycisk „Pokaż input” i pojawia się input, ale nie dostaje fokusu. Należy to naprawić. Zaproponuj jak najwięcej rozwiązań.
Jak będzie działała replikacja bazy danych (master-slave)? Jak load balancer będzie kierować zapytania do różnych serwerów z różnymi bazami danych?