Frontend

Koja je razlika između == (dva jednaka znaka) i === (tri jednaka znaka)?

Postoji funkcija customMap koja radi gotovo isto što i obična map funkcija niza, ali nije tipizirana. Potrebno je da je tipiziramo tako da na petom redu bude niz stringova, a na sedmom — niz brojeva.

import { useState, useRef, useEffect } from "react"; const useDebugRender = ({props}) => { const prevProp = useRef(props) useEffect(() => { }, []) } const ParentComponent = () => { const [random, setRandom] = useState(0); // Se transmite como Prop al componente hijo const [text, setText] = useState(""); // Se transmite como Prop al componente hijo const createRandom = () => setRandom(Math.floor(Math.random() * 100)); const onTextChange = (e) => setText(e.target.value); const [count, setCount] = useState(0); const incrementCount = () => setCount((prev) => prev + 1); // Esta función se transmite como Prop al componente hijo return ( <> <Count: {count} /> <input type="text" onChange={onTextChange} /> <button onClick={createRandom}>Generar aleatorio</button> <div> <ChildComponent random={random} text={text} incrementCount={incrementCount} /> </div> </> ); }; export default ParentComponent;

Middle+

IT One

Da li vaši QA inženjeri testiraju samo ručno ili koriste automatizaciju (e2e)?

Šta pruža biblioteka za upravljanje stanjem servera — koje su prednosti i pogodnosti?

Middle

МВидео

Koliko ćeš brzo biti kod nas ako sve bude u redu?

Колико ће трајати извршавање сваке функције? ```javascript /** Колико ће трајати извршавање сваке функције */ function pause500ms () { return new Promise(res => setTimeout(res, 500)); } (async function test1 () { pause500ms(); pause500ms(); })(); (async function test2 () { await pause500ms(); await pause500ms(); })(); (async function test3 () { await Promise.all([pause500ms(), pause500ms()]); })(); (async function test4 () { await Promise.all([await pause500ms(), await pause500ms()]); })(); ```

Ispravi kod tako da prilikom klika na dugme samo App bude rerenderovan, a prilikom unosa teksta u input samo Parent (bez suvišnih rerendera Child).

Middle+

Т-Банк

Можеш ли да објасниш разлику између оператора switchMap и mergeMap?

U CV-u je pomenuto dinamičko učitavanje modula i uloga. Šta to tačno predstavlja?

Koji mogu biti razlozi dugog belog ekrana pri SSR (Nuxt)? Kako dijagnostikovati i rešiti problem velikog vremena do prvog bajta?

Zašto je atribut key potreban u React listama?

Zašto ne treba pozivati React hookove unutar uslova, petlji ili ugniježdenih funkcija?

Да ли имате искуства са коришћењем Set и Map? У којим случајевима су их одабрали?

Zadatak zatvaranja: šta će prikazati kod sa var u petlji i kako to popraviti?

U Next.js middleware-u, gde se nalazi, na serveru ili na klijentu?

Šta će se vizuelno promeniti dodavanjem flex-shrink: 0 na plavi element u kontejneru sa display:flex, širine 700px i decom elementima širine 300px?

Pričaj o fragmentima i portalima u React-u.

Middle

Wildberries

Ko je radio dizajn na tvojim prethodnim projektima — dizajneri? U kojim alatima su radili (Figma, Photoshop, Avocode)?

Koje React hookove najviše koristiš?