Latest posts

flaming.codes hosts technical articles and tutorials by Tom Schönmann, with a focus on Full Stack development and Generative AI.

• Composants Fonctions vs React.FC en TypeScript : Un Dialogue CiviliséComprendre l'évolution du typage TypeScript dans les composants React
• Créer un Boid : Animation de Vol en Groupe avec Perception de Profondeur en ReactCréer des simulations d'oiseaux fluides avec effet de parallaxe et une apparence vivante
• Nourrir la Bête : Guide du Développeur pour la Préparation des Données et le Méga-Prompting des Assistants de Code IAParce que même l'IA la plus intelligente a besoin d'une boîte à lunch bien remplie
• Au-delà de Next.js : L'état des frameworks JavaScript Full-Stack en 2025Un aperçu complet des frameworks JavaScript full-stack modernes
• Ingénierie 80/20 : Comment j’ai Reconstruit Mon Site en un Week-endLa Puissance de la Planification Avant le Codage
• Créer une Animation de Boids Sensible à la Profondeur avec ReactFlocking avec Style (et Parallaxe !)
• Civet, un langage orienté programmation fonctionnelle, sur-ensemble de TypescriptPlongée dans les améliorations de syntaxe de Civet et son écosystème d'intégration pour évaluer ses réels avantages et défis potentiels
• Comment j'ai migré flaming.codes de Next.js à QwikMon périple de deux semaines pour migrer flaming.codes de Next.js à Qwik et Qwik City
• Windows 95 et sa pertinence dans l'histoire de l'informatiqueQuels sont les futurs établis de Windows 95 qui sont toujours valables aujourd'hui
• Se souvenir de tout avec Rewind.ai : l'utiliser pour le travailComment Rewind.ai peut vous aider à vous souvenir de choses que vous avez déjà oubliées
• Navigateur Arc pour le développement et la gestion WebComment l'expérience utilisateur d'Arc Browser améliore le flux de travail des développeurs
• Sons de fond dans iOS et macOSComment utiliser les sons de fond pour créer un environnement apaisant sur iOS et macOS
• Fichiers Barrel en JavaScriptLes avantages et les inconvénients de l'utilisation de fichiers Barrel en JavaScript
• Laboratoires copilotes GithubUne extension expérimentale pour améliorer Github Copilot
• Aperçus des captures d'écran PWAComment afficher des captures d'écran dans l'invite d'installation de votre PWA
• Scripts indépendants des packages avec Node.jsComment simplifier l'exécution de scripts dans NPM, Yarn et PNPM
• L'opérateur 'satisfaits' dans TypeScriptValider que le type d'une expression correspond à un certain type, sans modifier le type résultant de cette expression
• Guide pour les débutants dans Node.js et NPMComment démarrer avec Node.js et le gestionnaire de packages de nœuds
• Contrôler les moniteurs externes sous WindowsComment utiliser une application gratuite pour contrôler la luminosité de tous les moniteurs
• Les nombreuses différences entre Unix et LinuxComment deux des systèmes d'exploitation les plus populaires diffèrent l'un de l'autre.
• Une introduction simple à TypescriptUne brève introduction à quelques concepts de Typescript
• Le symbole en JavascriptApprenez à connaître les symboles : le type de données unique pour les propriétés d'objet
• API DOM TreeWalkerL'API TreeWalker : un outil puissant pour parcourir l'arborescence DOM.
• Meilleure documentation dans TS & JSComment écrire de meilleurs documents en Javascript avec des métadonnées riches
• Types pour la configuration Tailwind-CSSComment utiliser les types Typescript pour Tailwind-CSS
• Mode sombre pour les images Github MarkdownComment utiliser différentes images dans Markdown pour le mode clair ou sombre
• Comment déterminer le système d'exploitation dans le navigateurUtilisez des API modernes pour récupérer des informations sur le système hôte de votre application Web
• Démarrer un simulateur iOS ou iPadOS spécifiqueComment utiliser le terminal pour sélectionner et lancer n'importe quel simulateur installé
• Nouvelles tailles de fenêtresComment svh, lvh et dvh peuvent améliorer votre conception réactive
• MSW dans SvelteKitComment mettre en œuvre MSW pour le développement local dans SvelteKit
• Gitpod IDE dans le cloudEspaces de travail éphémères, c'est tout-op dans le cloud
• Générateur de licence dans SvelteKitCréez une liste de dépendances pour votre projet SvelteKit
• Modules de chargement paresseux dans SvelteComment importer votre composant à la demande
• Dossier lib personnalisé dans SvelteKitComment créer un alias de chemin dans SvelteKit
• Économiseur d'écran AfterDark pour macOSComment installer l'un des meilleurs économiseurs d'écran de tous les temps
• Configurer HMR pour SvelteKit avec GitpodComment utiliser Hot Module Reload avec SvelteKit et Gitpod
• Regroupez les polices dans votre application WebComment Fontsource fournit les polices à livrer avec votre application
• Générer du SVG à partir de Google FontsComment utiliser une application Web pour transformer n'importe quel texte en SVG
• Alternative légère à AxiosUtiliser Redaxios au lieu d'Axios comme petite alternative
• Revues de code : comment améliorer vos compétencesPourquoi les revues de code sont l'outil le plus puissant pour devenir un meilleur développeur
• Raycast pour macOSUn outil polyvalent contrôle un vaste ensemble de tâches courantes
• Recherche de code GithubComment utiliser la recherche floue de Github pour vos référentiels
• Contrôler la luminosité sur les écrans externes macOSComment utiliser l'application appelée MonitorControl pour les changements de luminosité de l'écran
• « Aperçu CSS » dans DevTools de ChromiumComment analyser votre CSS avec DevTools
• Types de chaîne de modèle de script dactylographié en tant que discriminantsTypes de littéraux de modèle améliorés avec Typescript 4.5
• Charger les modules intégrés Node.jsUne syntaxe d'importation légèrement spéciale pour les modules intégrés
• Codage en VRPourquoi le Quest 2 (et plus) de Meta est une étape importante dans la réalité virtuelle
• Supprimer les fichiers ignorés dans gitUne commande à utiliser pour supprimer les fichiers ignorés qui sont archivés
• Détectez les erreurs dans Promise.allUne alternative sûre à Promise.all de Javascript
• Le terminal SSH le plus puissantComment utiliser VS Code comme terminal SSH quotidien
• Travailler avec Github CopilotComment une IA peut améliorer considérablement votre vitesse de codage
• Palette de commandes GithubComment rechercher des référentiels et des actions rapides sur Github
• Étude de cas UX d'une page d'article de blogComment j'ai conçu la page d'article pour cette application Web
• Qu'est-ce que le « navigateur » dans les applications Web progressives ?Comment le « navigateur » permet d'améliorer progressivement vos applications Web
• Horloge analogique animée simple dans Tailwind.cssComment créer une horloge analogique très simple avec animation uniquement dans Tailwind.css
• Etude de cas UX d'une page portfolioLes pensées qui ont influencé la conception de ma page de portfolio personnel
• Étude de cas UX d'une page de présentationComment j'ai conçu la page de vue d'ensemble pour toutes les post-catégories
• Fonction réseau spéciale pour les données d'analyse dans le navigateurComment utiliser « sendBeacon » pour transmettre de manière fiable de petits morceaux de données
• Écrire un plugin xbar pour Plausible.ioComment j'ai écrit un plugin JS pour l'application xbar pour voir le nombre actuel de visiteurs
• Portail React.jsLa magie du rendu des éléments en dehors du propre arbre DOM
• Partage d'écran iPhone sur MacComment afficher votre écran iOS sur votre Mac
• Générateur de licence Next.js NPMComment créer des licences à partir de votre package.json
• Réagir aux mises à jour groupéesComment combiner les mises à jour d'état dans un seul appel de rendu
• API d'informations réseau pour les PWAComment déterminer les données réseau réelles dans votre application Web
• DaisyUI - Composants TailwindL'équivalent Bootstrap pour les classes utilitaires Tailwind
• JSXLa syntaxe Javascript XML
• Une PWA appelée DevToolsLe meilleur ami d'un développeur est en fait une application Web progressive, directement dans Chromium
• Supabase - Backend en tant que serviceUne alternative vraiment open source à Firebase
• FS incrémentiel AndroidComment un système de fichiers virtuel dans Android permet des démarrages de jeu beaucoup plus rapides
• Utilisateur Github par portée de projetComment utiliser un autre utilisateur Github pour différents projets
• SEO sans Google Analytics ?Pouvez-vous atteindre les meilleurs classements de Google sans activer Analytics ?
• Erreur Node.js avec le contexteComment ajouter une cause d'erreur aux lancers dans V8 9.3 et versions ultérieures
• Android Studio sur Ubuntu avec NVMComment configurer correctement NVM sur Ubuntu pour fonctionner avec Android Studio
• Importation ES6 avec paramètresComment passer des paramètres à un module ES6 lors de son importation
• Correction du 100vh de Webkit dans TailwindComment corriger le comportement 100vh dans Tailwind
• Remplacer Material-UI par Tailwind.cssÉtude de cas sur le remplacement de Material-UI par Tailwind.css
• Chaînes de modèles étiquetées dactylographiéesComment utiliser des chaînes de modèle en tant que fonctions
• Travailleurs CloudflareFonctions sans serveur rapides hébergées par le CDN de Cloudflare
• AndroidEnvUne interface pour l'apprentissage par renforcement pour accéder à l'OS Android
• Menu de commande Chrome & Edge DevToolsComment naviguer dans les DevTools comme un utilisateur expérimenté
• Next.js-config avec vérification de typeComment utiliser la vérification de type pour votre next.config.js
• Classe de performances AndroidComment chaque version Android définit son niveau de performance
• Try/catch/finally avancé en Javascript et TypescriptDécouvrez en détail la mise en œuvre d'un try-catch-finally-block
• Types de tuples dactylographiésComment taper au mieux les tuples dans Typescript 4.2 et versions ultérieures
• Qu'est-ce que AuthN et AuthZUn guide simple sur la différence entre l'autorisation et l'authentification
• Propriétés de classe privée dactylographiéeTypescript prend en charge les propriétés privées pour les classes
• Types de chaîne de modèle de script dactylographiéComment affiner les types de chaînes à l'aide du mécanisme de chaîne de modèle
• API de création de badges d'applications WebComment utiliser un badge pour votre PWA installée
• Google ZX - scripts shell avec JavascriptComment écrire des scripts shell avec Javascript et Node.js
• Opérateur de pipeline tapuscritÉcrire des appels de fonction chaînés dans Typescript
• Espaces de code par GithubIDE en tant que service, disponible dans votre navigateur
• Ensembles de données FirestoreUne nouvelle implémentation pour les documents Firestore mis en cache
• API de verrouillage WebCoordonner le travail et l'utilisation des ressources entre les différents processus
• Émulateur Android sur Apple M1Comment utiliser l'émulateur pour Android sur les appareils Apple Silicon
• PWA dans l'App Store de MicrosoftComment publier votre PWA dans le Microsoft App Store
• API de session multimédiaFournir des métadonnées multimédias et des rappels dans votre PWA
• Microdonnées pour la sémantique webComment enrichir vos pages avec plus d'informations sémantiques
• Colonnes MillerUn excellent concept de mise en page qui a changé l'interface utilisateur des systèmes de fichiers
• PlasmiqueUn constructeur d'applications Web WYSIWYG
• Lanceur de test de composants CypressConstruire des tests de composants unitaires pour React
• Quand votre PWA commence à parlerUtilisation de WaveNet pour ajouter une synthèse vocale pour les articles
• Markdown Github suralimentéDécouvrez à quel point le Markdown de Github peut être polyvalent
• Qu'est-ce qu'un modèle d'interface utilisateur ?Un nouvel aspect de la conception de l'interface utilisateur
• Morphogenèse numériqueLe domaine interdisciplinaire des motifs naturels en calcul numérique
• Activité Web de confianceComment valider votre application Web - et créer une application Android à partir de celle-ci
• Jeton d'attention de baseUn nouveau modèle de revenus pour le web
• Comment j'ai appris 12 langues - en une nuitUtiliser les dernières nouveautés de l'apprentissage automatique et une mise en cache intelligente
• API de partage WebComment utiliser l'API de partage native du Web
• Ouverture ≠ ouvertureFormes, opportunités et inconvénients de la science ouverte
• AC600 sur UbuntuComment installer les pilotes AC600 de Netgear sur Ubuntu
• Domaine des fonctions FirebaseComment utiliser un domaine personnalisé pour les fonctions Firebase
• Qu'est-ce que XaaS ?C'est tout en tant que service, et plus encore
• API de vibration PWAUtilisons le navigateur pour secouer votre appareil
• Étude UX : copier dans le presse-papiersComment concevoir une action de copie dans le presse-papiers dans votre UX
• Réparer le kit web mobile 100vhLa gestion de 100vh par Mobile Webkit pourrait nécessiter plus d'attention
• Déménagement dans un nouvel appartementComment déménager dans un nouvel appartement lorsque vous travaillez jusqu'à 12 heures par jour
• IntelliJ pour Apple M1La suite IntelliJ complète est disponible pour les processeurs M d'Apple
• Responsable du télétravailComment garder tout le monde et tout synchronisé
• Fourniture de flux RSSCette PWA fournit un flux RSS
• La méthode DisneyComment être plus créatif en étant plus systématique
• Privacy-First AnalyticsComment respecter vos utilisateurs tout en surveillant les performances
• Planificateur KickscaleL'extension Gmail pour trouver automatiquement des réunions gratuites
• Codage réfléchiPourquoi le codage est plus que l'enchaînement de symboles
• Code de prévention des incendies avec moiIl est temps de mettre le feu au code !