Otázky u pohovoru na React, které čekat
Autor: Aaron Cao · Aktualizováno
Nejdřív čekejte otázky na hooks: useState, závislosti useEffect a stale closures. Pak rendering: reconciliation, proč záleží na key v seznamech, a kontrola re-renderů pomocí memo, useMemo a useCallback. Většina kol přidává i živé cvičení, obvykle seznam s fetch a filtrováním nebo vyhledávací pole s debounce.
Jaké koncepty React se ptají nejčastěji?
Plocha React je obrovská a seznamy otázek zacházejí s každým koutem, jako by byl stejně pravděpodobný. Není tomu tak. Tato sekce pokrývá koncepty, které skutečně rozhodují o výsledku většiny kol, abyste mohli trénovat podle reálného rozložení. Dominují čtyři skupiny:
- Mechanika hooks: pravidla hooks, co patří do pole závislostí useEffect, funkce cleanup, a chyba stale closure, kdy effect nebo callback vidí starou hodnotu state.
- Rendering: co spouští re-render, jak reconciliation porovnává stromy, a proč na stabilních key v seznamech záleží.
- Návrh state: zvedání state (lifting state), controlled versus uncontrolled inputy, a kdy se hodí context oproti externímu store.
- Výkon: React.memo, useMemo, useCallback, a kdy je každý z nich spíš šum než pomoc.
Tazatelé zkoumají důvod za každým z nich. Odříkat, že key musí být jedinečné, nepřinese nic; vysvětlit, co React s key dělá při přeuspořádání seznamu, ano.
Jaká cvičení na živé programování máte čekat?
Většina kol na React zahrnuje živou stavbu malé komponenty. Opakující se cvičení jsou napříč firmami stabilní:
- Načtěte seznam z API, vykreslete ho a přidejte textový filtr.
- Přidejte debounce do vyhledávacího pole a zrušte zastaralé requesty.
- Postavte formulář s validací a controlled inputy.
- Napište čítač nebo časovač, který správně uklízí svůj effect.
- Vytáhněte vlastní hook z opakující se logiky.
Front-end inženýr, který má pohovor na produktovou roli střední úrovně, může být třeba požádán o stavbu seznamu s fetch a filtrováním, a pak dotlačen na loading stavy, error stavy, a co se stane, když se komponenta odmountuje uprostřed requestu. Právě v těchto rozšířeních se kola vyhrávají; základní cvičení je jen minimum.
Nacvičování tohoto pod časovým limitem s doplňujícími otázkami je to, co z toho dělá automatiku; stránka mock interview popisuje vedení časovaných sezení, kde tazatel dál dotlačuje.
Jak vypadají otázky na React na senior úrovni?
Pohovory na senior úrovni se přesouvají od mechaniky k úsudku. Čekejte otázky na architekturu state: co žije ve state komponenty, co patří do store, čím se server state liší od UI state, a kam zapadá caching. Otázky na výkon renderování se stávají konkrétními: hledání zdroje pomalé interakce, výběr mezi memoization a restrukturalizací, a čtení flame graphu z profileru.
Server-side rendering a hydration se objevují tam, kde tým provozuje framework nad React: co je hydration, proč vznikají mismatche, a co přináší přesun práce na server. Otázky na testování se soustředí na strategii, co testujete na úrovni komponenty oproti end to end, víc než na API konkrétní knihovny.
Formáty pohovorů a to, jak front-end kolo tyto části obvykle skládá, popisuje interview types hub.
Jak trénovat, aby se to přeneslo do skutečného kola?
Sledování tutoriálů buduje rozpoznávání, ne vybavování, a kolo testuje právě vybavování pod dohledem. Řešením jsou opakování ve skutečné podobě kola: stavte standardní cvičení z prázdného souboru, komentujte nahlas při psaní a odpovídejte na přerušení, aniž byste ztratili nit. Sady otázek pro sousední stacky, včetně základů čistého JavaScriptu, kterými se kola na React stále často otevírají, najdete v question banks hub.
Jedna upřímná poznámka: pohovory na React probíhají téměř vždy ve sdíleném editoru nebo s viditelnou obrazovkou, a vše na té obrazovce je pro tazatele vidět. Asistent má své místo při přípravě a tréninku, ne v samotném kole se sdílenou obrazovkou. Pro legitimní živé použití zůstává overlay SubcueAI lokální na vašem zařízení a do hovoru se nepřipojuje žádný bot; nastavení tréninkových sezení je na stránce tutorial.