Joshua Comeau bedacht de term 'boop' (high five, Adam Kuhn). Dit zijn een soort hover / focus-toestanden, behalve dat ze dat niet zijn. Je dingetjes - dingen zoals links, knoppen, enz. - zouden nog steeds die statussen moeten hebben. Een "boop" is een meer grillig effect dat eenmaal wordt uitgevoerd wanneer de muis erin gaat, de run voltooit zelfs als uw muis weggaat (wat CSS niet echt kan doen), en mogelijk mouseenterlater opnieuw zal worden uitgevoerd op de volgende van de gebruiker , na het eerste boopen is gedaan.
In plaats van de React-implementatie van Josh, beginnen we in CSS, kijken we hoe ver we kunnen komen en kijken we vervolgens naar een alternatieve JavaScript-benadering.
Ik heb enkele opmerkingen achtergelaten in de pen hierboven die afkomstig waren van alternatieve methoden die we onderweg hebben onderzocht.