Latest posts

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

• Componentes Funcionales vs React.FC en TypeScript: Un Diálogo CivilizadoEntendiendo la evolución del tipado en TypeScript para componentes React
• Construyendo un Boid: Animación de Enjambre con Percepción de Profundidad en ReactCreando simulaciones fluidas de pájaros con paralaje que parecen estar vivos
• Alimentando a la Bestia: Guía para Desarrolladores sobre Preparación de Datos y Mega-Prompting para Asistentes de Código de IAPorque incluso la IA más inteligente necesita un lunchbox bien preparado
• Más allá de Next.js: El estado de los frameworks Full-Stack de JavaScript en 2025Una mirada exhaustiva a los frameworks Full-Stack modernos de JavaScript
• Ingeniería 80/20: Cómo Reconstruí Mi Sitio en un Fin de SemanaEl Poder de Planificar Antes de Programar
• Creando una Animación de Boids con Conciencia de Profundidad en ReactFormando Bandadas con Estilo (¡y Paralaje!)
• Civet, un lenguaje orientado a la programación funcional como superconjunto de TypescriptProfundizando en las mejoras de sintaxis y el ecosistema de integración de Civet para evaluar sus ventajas reales y posibles desafíos
• Cómo migré flaming.codes de Next.js a QwikMi trayecto de dos semanas migrando flaming.codes de Next.js a Qwik y Qwik City
• Windows 95 y su relevancia en la historia de la informáticaQué características estableció Windows 95 que siguen vigentes a día de hoy
• Recuerda todo con Rewind.ai: úsalo para el trabajoCómo Rewind.ai puede ayudarte a recordar cosas que ya olvidaste
• Navegador Arc para desarrollo y gestión webCómo la UX de Arc Browser mejora el flujo de trabajo para los desarrolladores
• Sonidos de fondo en iOS y macOSCómo usar sonidos de fondo para crear un ambiente relajante en iOS y macOS
• Archivos de barril en JavaScriptLos beneficios y desventajas de usar archivos Barrel en JavaScript
• Laboratorios de copilotos de GithubUna extensión experimental para mejorar Github Copilot
• Vistas previas de capturas de pantalla de PWACómo mostrar capturas de pantalla en el mensaje de instalación de su PWA
• Scripts independientes del paquete con Node.jsCómo simplificar la ejecución de scripts en NPM, Yarn y PNPM
• El operador 'satisface' en TypeScriptValidar que el tipo de una expresión coincida con algún tipo, sin cambiar el tipo resultante de esa expresión
• Guía para principiantes en Node.js y NPMCómo comenzar con Node.js y Node Package Manager
• Controlar monitores externos en WindowsCómo usar una aplicación gratuita para controlar el brillo de todos los monitores
• Las muchas diferencias entre Unix y LinuxEn qué se diferencian dos de los sistemas operativos más populares.
• Una sencilla introducción a TypescriptUna breve introducción a algunos conceptos de Typescript
• El símbolo en JavascriptConozca los símbolos: el tipo de datos único para las propiedades de los objetos
• API de DOM TreeWalkerLa API TreeWalker: una poderosa herramienta para atravesar el árbol DOM.
• Mejor documentación en TS y JSCómo escribir mejores documentos en Javascript con metadatos enriquecidos
• Tipos para la configuración de Tailwind-CSSCómo usar tipos de mecanografiados para Tailwind-CSS
• Modo oscuro para imágenes de Github MarkdownCómo usar diferentes imágenes en Markdown para modo claro u oscuro
• Cómo determinar el sistema operativo en el navegadorUse API modernas para recuperar información sobre el sistema host de su aplicación web
• Inicie un simulador específico de iOS o iPadOSCómo usar la Terminal para seleccionar y ejecutar cualquier simulador instalado
• Nuevos tamaños de ventana gráficaCómo svh, lvh y dvh pueden mejorar su diseño receptivo
• RSU en SvelteKitCómo implementar RSU para el desarrollo local en SvelteKit
• IDE de Gitpod en la nubeEspacios de trabajo efímeros, todo en la nube
• Generador de licencias en SvelteKitCree una lista de dependencias para su proyecto SvelteKit
• Módulos de carga diferida en SvelteCómo importar su componente bajo demanda
• Carpeta lib personalizada en SvelteKitCómo crear un alias de ruta en SvelteKit
• Protector de pantalla AfterDark para macOSCómo instalar uno de los mejores salvapantallas de la historia
• Configurar HMR para SvelteKit con GitpodCómo usar Hot Module Reload con SvelteKit y Gitpod
• Paquete de fuentes en su aplicación webCómo Fontsource proporciona fuentes para enviar con su aplicación
• Generar SVG desde fuentes de GoogleCómo usar una aplicación web para transformar cualquier texto a SVG
• Alternativa ligera a AxiosUsar Redaxios en lugar de Axios como una pequeña alternativa
• Revisiones de código: cómo subir de nivel tus habilidadesPor qué las revisiones de código son la herramienta más poderosa para convertirse en un mejor desarrollador
• Raycast para mac OSUna herramienta versátil controla un gran conjunto de tareas comunes
• Búsqueda de código GithubCómo usar la búsqueda difusa de Github para tus repositorios
• Controlar el brillo en pantallas externas macOSCómo utilizar la aplicación llamada MonitorControl para los cambios de brillo de la pantalla
• 'Descripción general de CSS' en DevTools de ChromiumCómo analizar su CSS con DevTools
• Tipos de cadenas de plantillas de mecanografiado como discriminantesTipos de literales de plantilla mejorados con Typecript 4.5
• Cargar módulos integrados de Node.jsUna sintaxis de importación ligeramente especial para módulos integrados
• Codificación en realidad virtualPor qué Quest 2 (y más) de Meta es un hito en la realidad virtual
• Eliminar archivos ignorados en gitUn comando para usar para eliminar archivos ignorados que están registrados
• Detectar errores en Promise.allUna alternativa segura a Promise.all de Javascript
• El terminal SSH más potenteCómo usar VS Code como su terminal SSH diario
• Trabajando con Github CopilotCómo una IA puede mejorar drásticamente su velocidad de codificación
• Paleta de comandos de GithubCómo buscar repositorios y acciones rápidas en Github
• Estudio de caso de experiencia de usuario de una página de publicación de blogCómo diseñé la página del artículo para esta aplicación web
• ¿Qué es el 'navegador' en las aplicaciones web progresivas?Cómo el 'navegador' permite mejorar progresivamente sus aplicaciones web
• Reloj analógico animado simple en Tailwind.cssCómo crear un reloj analógico muy simple con animación solo en Tailwind.css
• Estudio de caso de experiencia de usuario de una página de portafolioLos pensamientos que influyeron en el diseño de mi página de portafolio personal
• Estudio de caso de experiencia de usuario de una página de descripción generalCómo diseñé la página de descripción general para todas las categorías de publicaciones
• Función de red especial para datos analíticos en el navegador.Cómo usar 'sendBeacon' para transmitir de manera confiable pequeños fragmentos de datos
• Escribiendo un complemento xbar para Plausible.ioCómo escribí un complemento JS para la aplicación xbar para ver el número actual de visitantes
• Portal de React.jsLa magia de renderizar elementos fuera del propio árbol DOM
• Compartir pantalla de iPhone en MacCómo mostrar la pantalla de tu iOS en tu Mac
• Generador de licencias Next.js NPMCómo crear licencias desde su package.json
• Reaccionar actualizaciones por lotesCómo combinar actualizaciones de estado en una sola llamada de procesamiento
• API de información de red para PWACómo determinar datos de red reales en su aplicación web
• DaisyUI - Componentes TailwindEl equivalente de Bootstrap para las clases de utilidad Tailwind
• JSXLa sintaxis XML de Javascript
• Una PWA llamada DevToolsEl mejor amigo de un desarrollador es en realidad una aplicación web progresiva, directamente en Chromium
• Supabase - Backend como servicioUna alternativa verdaderamente de código abierto a Firebase
• FS incremental de AndroidCómo un sistema de archivos virtual en Android permite que el juego se inicie mucho más rápido
• Usuario de Github por alcance del proyectoCómo usar un usuario de Github diferente para diferentes proyectos
• ¿SEO sin Google Analytics?¿Puede alcanzar los primeros puestos de Google sin Analytics habilitado?
• Error de Node.js con contextoCómo agregar una causa de error a los lanzamientos en V8 9.3 y posterior
• Android Studio en Ubuntu con NVMCómo configurar correctamente NVM en Ubuntu para que funcione con Android Studio
• Importación ES6 con parámetrosCómo pasar parámetros a un módulo ES6 al importarlo
• Arreglo para los 100vh de Webkit en TailwindCómo corregir el comportamiento de 100vh en Tailwind
• Reemplace Material-UI con Tailwind.cssEstudio de caso sobre la sustitución de Material-UI por Tailwind.css
• Cadenas de plantillas con etiquetas mecanografiadasCómo usar cadenas de plantillas como funciones
• Trabajadores de CloudflareFunciones rápidas sin servidor alojadas por CDN de Cloudflare
• AndroidEnvUna interfaz para que el aprendizaje por refuerzo acceda al sistema operativo Android
• Menú de comandos de Chrome y Edge DevToolsCómo navegar por DevTools como un usuario avanzado
• Next.js-config con verificación de tiposCómo utilizar la verificación de tipos para su next.config.js
• Clase de rendimiento de AndroidCómo cada versión de Android define su nivel de rendimiento
• Prueba avanzada / captura / finalmente en Javascript y TypecriptEche un vistazo detallado a la implementación de un bloque try-catch-later-block
• Tipos de tuplas mecanografiadasCómo escribir mejor tuplas en TypeScript 4.2 y versiones posteriores
• ¿Qué es AuthN y AuthZ?Una guía sencilla sobre la diferencia entre autorización y autenticación
• Propiedades de la clase privada de TypeScriptTypeScript admite propiedades privadas para clases
• Tipos de cadenas de plantillas de texto mecanografiadoCómo reducir los tipos de cadenas utilizando el mecanismo de cadena de plantilla
• API de identificación de aplicaciones webCómo usar una insignia para su PWA instalada
• Google ZX: scripts de shell con JavascriptCómo escribir scripts de shell con Javascript y Node.js
• Operador de canalización de TypeScriptEscribir llamadas a funciones encadenadas en TypeScript
• Espacios de códigos de GithubIDE como servicio, disponible en su navegador
• Paquetes de datos de FirestoreUna nueva implementación para documentos de Firestore almacenados en caché
• API de bloqueos webCoordinar el trabajo y el uso de recursos entre diferentes procesos.
• Emulador de Android en Apple M1Cómo usar el emulador para Android en dispositivos Apple Silicon
• PWA en Microsoft App StoreCómo publicar su PWA en Microsoft App Store
• API de sesión de mediosProporcionar metadatos de medios y devoluciones de llamada en su PWA
• Microdatos para semántica webCómo mejorar sus páginas con más información semántica
• Columnas MillerUn gran concepto de diseño que cambió la interfaz de usuario de los sistemas de archivos.
• PlásmicoUn creador de aplicaciones web WYSIWYG
• Ejecutor de prueba de componentes CypressPruebas de componentes de unidades de construcción para React
• Cuando tu PWA empieza a hablarUsar WaveNet para agregar síntesis de voz para artículos
• Rebajado de Github sobrealimentadoVea lo versátil que puede ser el Markdown de Github
• ¿Qué es un patrón de IU?Echando un vistazo a un nuevo aspecto en el diseño de la interfaz de usuario
• Morfogénesis digitalEl campo interdisciplinario de los patrones naturales en la computación digital
• Actividad web confiableCómo validar su aplicación web y crear una aplicación para Android a partir de ella
• Token de atención básicaUn nuevo modelo de ingresos para la web
• Cómo aprendí 12 idiomas en una nocheUtilizando lo último del aprendizaje automático y un almacenamiento en caché inteligente
• API Web ShareCómo utilizar la API compartida nativa de la web
• Apertura ≠ aperturaFormas, oportunidades y desventajas de la ciencia abierta
• AC600 en UbuntuCómo instalar los controladores AC600 de Netgear en Ubuntu
• Dominio de Firebase FunctionsCómo usar un dominio personalizado para Firebase Functions
• ¿Qué es XaaS?Es todo como servicio y más
• API de vibración PWAUsemos el navegador para agitar su dispositivo
• Estudio UX: copiar al portapapelesCómo diseñar una acción de copiar al portapapeles en su UX
• Reparar webkit móvil 100vhEl manejo de 100vh de Mobile Webkit podría necesitar más atención
• Mudarse a un piso nuevoCómo mudarse a un piso nuevo cuando trabajas hasta 12 horas al día
• IntelliJ para Apple M1La suite IntelliJ completa está disponible para los procesadores M de Apple
• Jefe de Trabajo RemotoCómo mantener a todos y a todo sincronizados
• Proporcionar RSSEsta PWA proporciona una fuente RSS
• El Método DisneyCómo ser más creativo siendo más sistemático
• Análisis de privacidad primeroCómo respetar a sus usuarios y seguir supervisando el rendimiento
• Programador de KickscaleLa extensión de Gmail para encontrar automáticamente reuniones gratuitas
• Codificación reflexivaPor qué codificar es más que unir símbolos
• Código de fuego conmigo¡Es hora de prender fuego a un código!