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 !