Frontend

Hoe werkt caching van resources in de browser — hoe bepaalt de browser of het uit de cache moet halen of opnieuw moet laden, en hoe hiermee om te gaan? Welke caching-methoden zijn er, inclusief Service Worker?

Implementeer een nieuwe component SignupSuccess. Deze moet worden weergegeven in plaats van het registratieformulier na een succesvolle registratie.

Weet je wat de FCP (First Contentful Paint) metric is? Stel dat we een React-app hebben — een sociaal netwerk met server-side rendering, en er is een probleem: wanneer een gebruiker rechtstreeks naar iemands profiel gaat, blijft het witte scherm lang hangen. Kun je de stappen doorlopen — wat gebeurt er vanaf het moment dat de gebruiker op Enter drukt tot het moment dat de eerste inhoud verschijnt?

Hoe zou je caching aan de clientzijde implementeren?

Vertel eens iets over jezelf, waar je in geïnteresseerd bent in programmeren, je laatste ervaring, misschien heb je moeilijke dingen gedaan.

Vond je het leuk om met Redux te werken als state-manager voor complexe formulieren?

Heb je gehoord van de helper Promise.withResolvers die onlangs in JavaScript is verschenen? Je moet het equivalent ervan schrijven in plaats van de tweede regel.

console.log(1) setTimeout(() => { console.log(2) }, 10) setTimeout(() => { Promise.resolve().then(() => console.log(3)) }, 0); setTimeout(() => { console.log(4) }, 0); new Promise((_, reject) => { console.log(5) reject(6) console.log(7) }).then(() => console.log(8)) .catch(() => console.log(9)) .then(() => console.log(10)) .catch(() => console.log(11)) .then(() => console.log(12)) .then(console.log) .finally(() => console.log(13)) console.log(14)

Complexiteit van de taak met memoize: zorg dat de functie memoize als tweede argument de levensduur van de cache in milliseconden ontvangt, waarna de cache wordt geïnvalideerd.

Er is code — moet begrijpen wat het doet, code review doen: welke problemen zijn er en wat kan worden verbeterd.

Kun je een paar plus- en minpunten van Redux noemen?

Op de pagina staat een lijst van 5000 producten, de pagina hapert erg. Het bedrijf vraagt om hier iets aan te doen. Wat stel je voor?

Wat is jouw mening over de FSD (Feature-Sliced Design) methodologie?

Wat gebeurt er als je het attribuut async aan een script in de head toevoegt? Wat is het verschil tussen async en defer?

Op de vriendenpagina en in de messenger wordt vergelijkbare informatie over gebruikers weergegeven. Er zijn twee opties: gebruikers opslaan in lokale slices van elke functie of in een globale store. Wat zijn de voor- en nadelen van een globale store in dit geval?

Vertel over je vorige banen — wat heb je interessants gedaan?

Welke alternatieven voor Redux ken je en waarom hebben ze niet de voordelen ervan? Waarom wordt Redux goed getest en de contexten niet?

Hoe kun je gegevens uit een slice van een andere feature (bijvoorbeeld, users slice) op de pagina van een specifieke gebruiker krijgen, zonder de grenzen tussen modules te doorbreken en zonder onnodige verzoeken te doen?

#React-aanmeldformulier 1. Leg uit hoe StateProvider werkt, deel je gedachten met de interviewer. 2. Kijk naar /src/api/mock, leg uit hoe het werkt. 3. Controleer de kleur van SubmitButton en corrigeer deze. 4. Implementeer clientformuliervalidatie in de Signup-component. (\*\*) Houd rekening met taak nummer 9. Regels: - Gebruikersnaam, E-mail, Wachtwoord en Herhaal Wachtwoord velden moeten minimaal 6 tekens lang zijn; - Wachtwoord moet overeenkomen met Herhaal Wachtwoord; - Validatie moet worden uitgevoerd bij het klikken op "Aanmelden"; - Velden met ongeldige waarden moeten worden gemarkeerd (error en helperText props); 6. API-respons kan een fout bevatten die aan de gebruiker moet worden weergegeven in de buurt van het overeenkomstige veld. 7. Zorg ervoor dat de UserName-component de nieuwe gebruikersnaam weergeeft na een succesvolle verzending. 8. Implementeer de nieuwe SignupSuccess-component. Het moet in plaats van het registratieformulier worden weergegeven. 9. Implementeer servervalidatie voor de juiste velden.

Kun je kort vertellen over je laatste ervaring en wat je verwacht van een nieuwe baan, wat je zoekt in een nieuwe functie?