Initialisation des systèmes...

Baptiste.Dev

Frameworks

Les frameworks qui structurent les applications modernes : React / Next.js côté web, Blazor / Razor côté .NET. Composants, rendu, état et architecture.

10 notes

React / Next.js

8 notes

React & Next.js : Introduction

Ce qu'est React (une bibliothèque), ce qu'est Next.js (un framework au-dessus), et les trois modes de rendu CSR / SSR / SSG qui font toute la différence.

Debutantreactnextjsjavascriptfrontendssrssg
Lire la note

React : Les composants

Composant = fonction qui retourne du JSX. Props, composition et rendu de listes : les fondations de toute interface React.

Debutantreactcomposantsjsxpropsfrontend
Lire la note

React : Le state et les hooks

Donner de la mémoire à un composant avec useState : l'état qui déclenche le re-rendu, la règle d'or de l'immutabilité, et les règles des hooks. Le cœur de l'interactivité React.

Intermediairereactstatehooksusestatefrontend
Lire la note

React : Événements et rendu conditionnel

Réagir aux clics et aux saisies (onClick, onChange), puis adapter l'affichage à l'état : ternaire, &&, early return. Là où le state prend vie.

Intermediairereactevenementsrendu-conditionnelonclickfrontend
Lire la note

React : useEffect et les effets de bord

Synchroniser un composant avec le monde extérieur (API, minuteurs, écouteurs) avec useEffect : le tableau de dépendances, le nettoyage, les pièges classiques, et pourquoi tu en as souvent moins besoin qu'il n'y paraît.

Intermediairereactuseeffecthookseffets-de-bordfrontend
Lire la note

React : Les formulaires et les inputs contrôlés

Le composant contrôlé, où React est la source de vérité de chaque champ : gérer plusieurs inputs avec un seul état, soumettre, valider pendant le rendu, et gérer cases à cocher et listes déroulantes.

Intermediairereactformulairesinputscontrolledfrontend
Lire la note

React : La communication entre composants

Comment les composants échangent des données : le flux descendant des props, les callbacks pour remonter l'information, le lifting state up entre frères, et le Context pour éviter le prop drilling.

Intermediairereactcommunicationlifting-statecontextfrontend
Lire la note

React & Next.js : Server et Client Components

La grande idée de l'App Router : chaque composant s'exécute soit sur le serveur (par défaut), soit dans le navigateur. Ce que change 'use client', comment les deux cohabitent, et le lien avec les modes de rendu.

Intermediairereactnextjsserver-componentsuse-clientfrontend
Lire la note

Blazor / Razor

2 notes