Front Flashcards
Qu’est ce que Responsively ?
Une petit browser pour voir beaucoup plus facilement le responsive des apps
Qu’est ce que le BEM CSS ?
C’est une manière de codifier le css, pour le rendre plus joli et plus maintenable.
Que veut dire BEM CSS ?
Block, Element, Modifiers
Que veut dire BEM CSS ?
Block, Element, Modifiers
Qu’est ce que le Block dans BEM CSS ?
C’est le parent, l’élément global (footer, navbar, header…)
Qu’est ce que Element dans BEM CSS ?
C’est l’enfant d’un block : un titre, un bouton…
Qu’est ce que Modifier dans BEM CSS ?
C’est un comportement. Il se modifie en fonction du contexte de la page ou d’une action d’un utilisateur. Ex : bouton bleu, bouton clickable, titre invisible…
Comment construire une classe BEM CSS, avec par exemple un bouton bleu, présent dans le footer ?
.footer__button–blue
Quels sont les avantages à faire du BEM CSS ?
Impose une convention, réduit les conflits liés au nommage, modulaire et réutilisable pour d’autres projets.
Qu’est ce que React Query ?
Une librairie JS qui permet simplifier et optimiser le rafraichissement des données des requêtes API du front.
Que permet React Query ?
React Query possède un système de rafraichissement automatique des données (quand on quitte le navigateur pour y revenir par ex), rafraichissement par timeout, possède aussi un système pour faire des mises à jour optimistes : on met à jour notre ressource dans le front, avant le résultat de la requête. Simplifie l’infinity scrolling.
A quoi sert la librairie class-transformer en typescript ?
Transformer des objets sans types en objets typés (en mappant toutes les properties). C’est génial pour caster les retours des appels API.
A quoi sert les font variables ?
A faire un rendu front beaucoup plus fluide, pour le responsive ou des effets de style
Qu’est ce qu’une font variable ?
C’est une font qui a des paramètres dynamiquement modifiables, comme la largeur, le poid, l’arrondi… Contrairement aux font classiques qui n’ont que quelques style limités (italic, bold, normal…)
