Sobes.tech

Frontend

Waarom gebruiken we de functionele update van de staat (door een functie te passeren aan setState met het argument prev), in plaats van gewoon count + 1?

291

Waarvoor dient useState eigenlijk en waarom kunnen we de variabele niet gewoon rechtstreeks wijzigen of useRef gebruiken?

172

Aan welke principes volg je bij het ontwerpen van de architectuur en het kiezen van technologieën?

168

Hoe weet je dat je optimalisaties moet toepassen? Heb je ooit problemen met de prestaties moeten oplossen?

155

Implementeer een gebeurtenismanager die gebeurtenissen in willekeurige volgorde accepteert en ze in de juiste volgorde op ID (beginnend bij 1, elke volgende met +1) verzendt. Gebeurtenissen kunnen uit meerdere kanalen komen, en de volgorde moet binnen elk kanaal afzonderlijk worden gehandhaafd. Dubbele gebeurtenissen moeten worden genegeerd. Gebruik de functie sendEvent om te verzenden.

145

Praktische opdracht: verbeter de tellercomponent in React zodat bij het klikken op de knop "Verhogen" de tellerwaarde met 1 toeneemt en er een record wordt toegevoegd aan de geschiedenis met de nieuwe waarde; bij het klikken op "Verlagen" hetzelfde; bij het klikken op "Reset" wordt de geschiedenis gewist.

145

Hoe heb je state-managers toegepast vanuit het perspectief van architectuur en gebruikspraktijken?

140

Implementeer de functie smartFetch, die een wrapper is rond de functie batchFetch voor dataverzoeken vanaf de backend op basis van ID. De functie moet oproepen gedurende een tijdsvenster (timeout) verzamelen en deze in één batch-verzoek verzenden. Het wachten op het volgende venster begint onmiddellijk na het verzenden van het verzoek. ID's zijn uniek, fetch is altijd succesvol. Het is noodzakelijk om correct om te gaan met het geval waarin binnen één venster dubbele ID's binnenkomen.

138

Opdracht: Maak een pagina met een multifunctionele cryptocurrency-tabel. Verbind met de API en toon de lijst met munten in de tabel. Minimale vereisten: Project vanaf nul opgebouwd Alleen Typescript Verbinding maken met de API Sorteren op waarden in de kolom Zoeken op waarden in de cellen (werkt volgens het logische EN-principe) Aanvullende taken: Eigen paginering Minimale stijlen (aangenaam en netjes uiterlijk) Algemene zoekfunctie op alle celwaarden Mogelijkheid om kolommen vast te zetten

134