Frontend
Zijn er tests in het project?
Ken je de SOLID-principes? Vertel over het principe van afhankelijkheidsomkering (DIP).
Met welke hooks kunnen we lokale toestand opslaan in React?
Vat samen: welke drie problemen zijn gevonden en opgelost in de applicatie?
Waarom is het beter om hints voor het invoerveld absoluut te positioneren?
Kun je uitleggen waarom precies dit nummer?
Heb je AI alleen gebruikt voor tests en documentatie, of heb je iets serieus vanaf nul geschreven?
Bent u bekend met de concepten cascade en specificiteit in CSS? Welke methodologieën helpen bij het omgaan met specificiteit binnen het team?
Vertel eens, wat is Module Federation en wat bevat het?
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("elke rendering 1")); console.log("elke rendering 2"); useEffect(() => { console.log("elke rendering 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Incrementeren </button> ); }
Begrijp je hoe Tailwind werkt?
Wat is het WebSocket-protocol en waar gaat het over, wanneer wordt het toegepast?
TypeScript-opdracht: er is een klasse Animal met de methoden move en bark, en een functie process die een dier van het type Animal accepteert en zijn bark-methode aanroept. Zal er een TypeScript-fout zijn? Hoe beperk je het type correct? Hoe schrijf je een type guard?
Welke datatypes bestaan er in JavaScript? Hoe verschillen primitieve types van objecten? Hoe worden ze in het geheugen opgeslagen?
Was er een architectuur op micro-frontend basis?
Waar kan je interface gebruiken, maar niet type?
Heeft u ervaring met Docker en CI/CD in de context van frontend-ontwikkeling?
Samengestelde componenten + React Context → overdracht van formEntity via de provider in Form en gebruik in FormItem. Form omhult de kinderen met FormContext.Provider, en FormItem gebruikt cloneElement om value en onChange in Input te injecteren. Valstrik: zorg dat FormItem de naam doorgeeft aan de update-handler. ```javascript const Form = ({ children, formEntity }) => ( <FormContext.Provider value={formEntity}>{children}</FormContext.Provider> ); const FormItem = ({ name, children }) => { const { state, handlers } = useContext(FormContext); return React.cloneElement(children, { value: state[name], onChange: (e) => handlers.updateValues({ name, value: e.target.value }), }); }; ```
Wat is het verschil tussen de directives v-if en v-show?
Wat is debounce?