Frontend

Aké typy testov poznáš okrem jednotkových testov?

import React, { useState, useEffect, useLayoutEffect } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("každé renderování 1")); console.log("každé renderování 2"); useEffect(() => console.log("každé renderování 3")); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Zvětši </button> ); } // montáž -> každé renderování 2, každé renderování 1, každé renderování 3 // aktualizace -> každé renderování 2, každé renderování 1, každé renderování 3 // odmontování 4

Middle+

IT One

Pracoval ste niekedy s nejakým Legacy, pracoval s Legacy projektmi, alebo refaktoroval niečo, alebo menil architektúru?

Aké testy písali, na čo slúžili, čo testovali?

Povedzte, ako bola organizovaná matica práv a ako bolo v kóde organizované zobrazovanie prvkov v závislosti od úlohy používateľa.

Middle

МТС Банк

Úloha: implementovať funkciu sumSquares, ktorá sčíta štvorce čísel z poľa, pomocou vlastnej funkcie reduce. Môže sa meniť iba funkcia sumSquares.

Middle+

Аэрофлот

Úloha v Reacte: implementujte komponentu na vyhľadávanie výskytov podreťazca v texte. Požiadavky: načítanie textu z API pri prvom vykreslení, indikátor načítania, spracovanie chýb, vyhľadávanie výskytov bez ohľadu na veľkosť písmen, zvýraznenie nájdených výskytov, zobrazenie celkového počtu výskytov, tlačidlo na načítanie ďalšieho textu.

Middle+

Т-Банк

Kako na tebe vpliva situacija, če predlagaš, kako narediti bolje, vendar podjetje pravi, da je treba narediti tako, kot je bilo prvotno odločeno?

Middle+

Транснефть

Čo je React Fiber Node — aký je to objekt a čo sa v ňom uchováva?

Ako funguje smerovanie v Next.js?

Porozprávaj o možnostiach optimalizácie a memoizácie na rozhraní medzi rodičovskou a detskou komponentou

Aká je vaša architektúra na frontend projektoch (napríklad FSD alebo iná)?

Ako funguje vo vnútri hash tabuľka (HashMap)?

Middle+

Альфа-Банк

function createEmitter() { const events = new Map(); function on(event, handler) { if(!events.has(event)) { events.set(event, [handler]) return } events.get(event).push(handler) } function off(event, handler) { // TODO: odstrániť handler } function emit(event, payload) { // TODO: zavolať všetkých odberateľov udalosti } return { on, off, emit }; } const bus = createEmitter(); const unsub1 = bus.on("order:created", (payload) => { console.log("handler1:", payload.id); }); const handler2 = (payload) => { console.log("handler2:", payload.id); } bus.on("order:created", handler2);

Prichádza pole s 2 miliónmi prvkov, každý prvok je potrebné spracovať za 100 milisekúnd. Interakcia so serverom sa nemôže meniť. Ako spracovať tento pole tak, aby neblokovalo používateľské rozhranie?

Middle

Wildberries

Je možné dôverovať typom TypeScript počas behu? Ako zabezpečiť validáciu dát od backendu?

Ako často ste sa zúčastnili výroby a aká bola vaša úloha v tomto procese?

Na čom ste sa pri revízii kódu opierali a ako ste riešili nesúhlasy?

Ktoré služby sa zvyčajne používajú na úrovni celej aplikácie (t.j., mali by byť providedIn: 'root')?

Mal ste mali skúsenosť, keď ste realizovali nápad, ktorý sa zdál skvelý, ale nakoniec sa ukázal ako neúspešný?