Articles taggés : React
Suivre React
Ils arrivent tout seuls dans votre lecteur de flux — sans compte, sans adresse e-mail, sans rien à résilier. Collez cette URL dans votre lecteur :
https://www.avonture.be/fr/blog/tags/react/rss.xmlVous lisez aussi l'anglais ? Le flux dans la langue d'origine suit l'intégralité du blog :
https://www.avonture.be/blog/tags/react/rss.xmlPas encore de lecteur de flux ? Commencez ici — ça prend deux minutes.
Laissez vos lecteurs signaler les problèmes — un widget de feedback multi-types pour Docusaurus →
Construisez un widget de feedback lecteur sécurisé et SSR-safe pour votre blog Docusaurus — sélection de texte, 4 types de feedback, API PHP avec nonce HMAC, rate limiting, déduplication, dashboard admin et notifications par email.
29 octobre 2026
Dessiner une carte de mon propre blog →
Construisez une carte interactive de tout votre corpus Docusaurus — chaque article devient une bulle portant la mascotte du site, dimensionnée selon le nombre d'articles qui pointent vers elle, positionnée par un layout force-directed calculé au build dans Node, si bien que le navigateur ne charge jamais d3-force. Inclut le plugin, le composant canvas et le fallback en liste simple qui garde la page utilisable sans JavaScript.
8 octobre 2026
La troisième porte : une bulle de chat flottante, et la fonctionnalité que personne ne trouvait →
Une fonctionnalité que vos visiteurs ne trouvent pas n'existe pas. Cet article ajoute une bulle flottante « Ask my blog » à un site Docusaurus — un troisième point d'entrée vers le même index de questions, et le premier qui ne demande aucune connaissance préalable. Avec l'astuce d'exclusion mutuelle qui empêche deux dialogues flottants indépendants de s'ouvrir en même temps.
5 octobre 2026
Ask My Blog : transformer 259 articles en 2 160 questions cherchables →
Un LLM local lit chaque article du blog et rédige les questions qu'un développeur taperait vraiment dans une barre de recherche, chacune reliée au titre exact qui y répond. Le résultat est un index de questions généré au build et interrogé dans le navigateur avec un simple BM25 — pas d'embeddings, pas de clé d'API, pas de base vectorielle. Pipeline, plugin et composant complets inclus.
28 septembre 2026
Ajouter un bouton « Copy as Markdown » à votre blog Docusaurus →
Créez un bouton « Copy as Markdown » et un lien « View raw » pour les articles de votre blog Docusaurus — un plugin exécuté au build qui écrit un miroir en Markdown pur à côté de chaque article, plus le petit composant React qui le récupère et le copie dans le presse-papiers. Code source complet inclus.
10 septembre 2026
Secouez votre téléphone, surprenez le suricate →
Un neuvième easter egg pour ce blog, pensé pour les lecteurs sur téléphone : secouez-le — dans Chrome ou dans la PWA installée — et la mascotte suricate prend tout l'écran, surprise, pendant environ deux secondes. On y parle du calcul du « jerk » via devicemotion derrière la détection de secousse, de l'animation de l'overlay en trois phases, de la façon de tester le tout depuis une console DevTools sur desktop sans le moindre accéléromètre, et d'un vrai bug découvert en chemin : un générateur d'images IA qui a dessiné le damier censé représenter la transparence sous forme de pixels réellement opaques au lieu d'un vrai canal alpha.
27 août 2026
Ajouter des réactions de lecteurs à votre blog Docusaurus →
Construisez un widget « Cet article vous a-t-il été utile ? » entièrement fonctionnel pour votre blog Docusaurus. Guide pas à pas couvrant le backend PHP, le composant React, le module CSS, le swizzle Docusaurus et un tableau de bord d'administration — tout ce qu'il faut pour le reproduire de zéro.
27 juillet 2026
Tooltips de code assistés par l'IA dans Docusaurus — Explique-moi comme à un enfant de cinq ans →
Ajoutez des tooltips au survol sur les lignes de code délicates de votre blog Docusaurus — propulsés par Claude, générés au moment du build, zéro latence côté navigateur. On couvre le plugin remark, le renderer React et le script CLI.
20 juillet 2026
Espiègleries de suricate : semer des easter eggs partout sur mon blog →
Tour d'horizon de huit petits easter eggs à découvrir sur ce blog Docusaurus — un suricate en ASCII art caché dans le source de la page, un sprite lancé par le code Konami, un clin d'œil en console.log, un changement de favicon quand on quitte l'onglet, des messages 404 aléatoires, un commentaire caché dans le sitemap et plus encore — ainsi que les vrais bugs (répétition de touche, incompatibilité clavier AZERTY, mauvais emoji, race condition dans postBuild, favicon flou) débusqués en chemin.
13 juillet 2026
Donnez vie à vos tutoriels CLI avec un terminal machine à écrire →
Ajoutez une animation machine à écrire à votre composant Terminal Docusaurus — les lignes de commande tapées caractère par caractère, les lignes de sortie qui apparaissent l'une après l'autre, avec un curseur clignotant et un clic pour passer l'animation. Trois nouvelles props, aucune rupture de compatibilité.
22 juin 2026
Restaurer Marknotes avec Lovable.dev →
Demander à Lovable.dev de créer une application dockerisée complète, avec un backend en Python/FastAPI et un frontend en React.
23 mars 2026
Afficher le changelog de votre article →
Afficher le changelog de votre article
18 novembre 2025
Un composant pour afficher des snippets de code dans un blog Docusaurus →
Apprenez à créer un composant React personnalisé pour intégrer des snippets de code dynamiques dans votre blog Docusaurus et offrir une expérience de lecture plus interactive.
24 septembre 2025
Créer un plugin de recherche/remplacement pour Docusaurus →
Remplacez automatiquement « markdown » par « Markdown » dans tout votre contenu pour garder des articles cohérents.
18 septembre 2025
Organisez votre contenu Docusaurus avec un composant Series personnalisé →
Découvrez comment regrouper des articles de blog Docusaurus liés en une expérience de lecture fluide grâce à un composant Series personnalisé.
9 septembre 2025
Afficher les articles de blog Docusaurus sous forme de cartes - Guide pas à pas →
Apprenez à mettre en valeur vos articles de blog Docusaurus grâce à des mises en page en cartes personnalisables.
8 septembre 2025
Afficher les articles liés sous nos articles Docusaurus →
Améliorez votre blog Docusaurus en affichant les articles liés sous chaque article pour faciliter la découverte de contenu.
3 septembre 2025
Surcharger la génération des balises img avec Docusaurus →
Apprenez à personnaliser le rendu des balises <img> dans Docusaurus pour mieux contrôler la sortie des images.
27 août 2025
Modifier la façon dont Docusaurus génère les balises img →
Personnalisez la manière dont Docusaurus génère les balises <img> pour mieux contrôler le rendu et le comportement des images.
21 août 2025
Afficher les commentaires Bluesky sur Docusaurus, ainsi que le nombre de likes/reposts →
Intégrez les commentaires, les likes et le nombre de reposts Bluesky directement dans vos articles de blog Docusaurus.
18 août 2025
Créer notre propre composant React Docusaurus et proposer un bouton « Partager sur Bluesky » →
Créez un composant React Docusaurus personnalisé qui ajoute un bouton « Partager sur Bluesky » à vos articles de blog.
13 août 2025
Introduction à Cypress →
Démarrez avec Cypress pour vos tests fonctionnels. Ce guide complet couvre l'installation, l'exécution des tests dans des containers Docker, la synchronisation de vos fichiers de tests et la capture de screenshots en cas d'erreur.
30 mars 2025