Frameworks
Les frameworks qui structurent les applications modernes : React / Next.js côté web, Blazor / Razor côté .NET. Composants, rendu, état et architecture.
React / Next.js
8 notesReact & 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.
React : Les composants
Composant = fonction qui retourne du JSX. Props, composition et rendu de listes : les fondations de toute interface React.
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.
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.
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.
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.
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.
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.
Blazor / Razor
2 notesRazor & Blazor : Introduction
Razor est une syntaxe, Blazor est un framework qui l'utilise : le décor du web en .NET, et ce qui distingue Razor, Blazor et ASP.NET avant d'entrer dans le concret.
Blazor : les composants
Le composant .razor et son passage de paramètres : types variés, attribute splatting, paramètres en cascade, data binding, et un aperçu de EventCallback pour la communication enfant vers parent.