Frontend
V jakém termínu jsou připraveni začít pracovat?
Proč v Reactu nelze měnit stav přímo? Například, state.count = 5.
// Vytvořte typ, který obsahuje stejná pole jako Delivery, // ale všechna pole jsou volitelná (mohou mít hodnotu undefined) a nemohou měnit své hodnoty.
Povězte nám o použití NX v projektu a proč byl vybrán
Povězte nám o zásadním rozdílu mezi Angular jako rámcem a React jako knihovnou.
Jaký přístup používá React: imperativní nebo deklarativní? V čem je rozdíl?
Jak funguje destrukturalizace reaktivních hodnot ve Vue a jak zachovat reaktivitu při destrukturalizaci?
Povězte mi o své pracovní zkušenosti: v jakých týmech jste pracoval, jaké pozice jste zastával, jaké případy souvisely s navrhováním architektury a přijímáním technických rozhodnutí?
Povězte nám o své zkušenosti s revizí kódu. Na co jste se zaměřoval? Jaké nejčastější chyby jste potkal?
Jak lze úlohu withTimeout řešit alternativně pomocí Promise.race? Co je Promise.race, čím se liší od Promise.all?
Co jsou XSS útoky?
Na co jsou portály v Reactu?
Znalost databází a práce s API
Co je reconciliation v Reactu?
Pověz o Promise: stavy, statické metody (all, allSettled, any, race).
Získejte údaje o knihách a jejich autorech. Zobrazte data v stránkovaném seznamu po 10 knihách na stránku ve formátu: <název knihy> - <autor> api: [odkaz] specifikace: [odkaz] pokud se swagger neotevírá, v kořenovém adresáři 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('[odkaz]') .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>Načítání...</p>} <ul> {currentBooks.map((book, index) => ( <li key={index}>{book.title} - {book.author}</li> ))} </ul> <div> <button disabled={page === 1} onClick={() => setPage(page - 1)}> Předchozí </button> <button disabled={page === totalPage} onClick={() => setPage(page + 1)}> Další </button> </div> </div> ); } Opravte chyby a implementujte stránkované zobrazení seznamu knih s autory.
Co tě nejvíce zajímá: vylepšovat stávající projekty, vyvíjet nové funkce, spolupracovat s backendem nebo se zabývat optimalizací?
Vysvětli, jak funguje Event Loop — co jsou mikroúkoly, makroúkoly a jejich priorizace.
V Reactu je komponenta s inputem. Klikneme na tlačítko „Zobrazit input“ a input se zobrazí, ale nezískává fokus. To je třeba opravit. Navrhni co nejvíce řešení.
Jak bude fungovat replikace databáze (master-slave)? Jak bude load balancer směrovat požadavky na různé servery s různými databázemi?