Frontend
Magyarázd el a komponens életciklusának fogalmát a React-ben.
/** * Az `asyncAuth(callback)` függvény egy callback-et fogad, amelybe * átadható egy hiba (első argumentumként) és adatok * a backend-ről (második argumentumként). * asyncAuth((error, data) => {}); * * Implementálnod kell az `auth()` függvényt, * amely meghívja az `asyncAuth()`-t, de egy Promise-t ad vissza. * * @returns {Promise} */ export function auth() { // asyncAuth((error, data) => {}); }
Mi a composables és mire való?
Miért van szüksége a Reactnek virtuális DOM-fára? Miért nem lehet közvetlenül módosítani a valódi DOM-ot? A különböző megközelítések előnyei és hátrányai?
Vue 2 és Vue 3: milyen architektúrális korlátok miatt kényszerült Evan You a Vue 2 reaktivitásának újraírására `Proxy` használatával?
Hogyan valósítható meg az engedélyezés vagy szerepkörök ellenőrzése a Vue Router 3 szintjén?
Hogyan működnek a magas pixelsűrűségű kijelzők (Retina, DPR)? Hogyan készítsük el helyesen a képeket ilyen kijelzőkhöz?
Mikor aktiválódik a useEffect callback? Milyen fázisok vannak a React-ben?
Miért szeretne átmenni a játékfejlesztés területére?
Miért nem használják a konténer lekérdezéseket a projektjében?
Mi az a CORS hiba?
El tudnád mondani, miről szól a projektünk?
Milyen megközelítéseket használtál a stílusok írásához (preprocesszorok, Tailwind, CSS-modulok stb.)?
Ismered a SOLID elveket? Mesélj az függőségek fordított irányításának (DIP) elvéről.
Hogyan működik a Fiber és hogyan van felépítve a prioritás (scheduler) a Reactben?
Milyen hookokat használhatunk helyi állapot tárolására React-ben?
Csak tesztekhez és dokumentációhoz használtad az MI-t, vagy nulláról írtál valami komolyat?
Az OOP JS-ben működő séma? Mi a fő problémája az OOP-nek JS-ben?
Mesélje el, mi az a Module Federation és mit tartalmaz?
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("minden render 1")); console.log("minden render 2"); useEffect(() => { console.log("minden render 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Növelés </button> ); }