

Discover more from Web Reactiva Newsletter
Astro da tanto gusto como descubrir un billete de 20 en el bolsillo
#283 · 3 razones para usar el framework de moda
Echas la mano al bolsillo del pantalón que hacía tiempo que no te ponías y acaricias algo. Tiene un tacto especial.
Es como papel, pero rugosito…
¡Toma! ¡Son 20 euros!
Cuanto placer descubrir algo valioso. Da igual que sea tu propio dinero, parece caído del cielo.
Algo parecido pasa con Astro, el framework para crear webs más de moda (y con razón).
No sólo por el valor del dinero.
También es el descubrir algo que ya tenías. Vas a tener esa sensación. Que lo habías aprendido hace mucho tiempo o lo acabas de leer en tus apuntes.
👉 Descubre el bootcamp gratis de 11 pasos para empezar a hacer cosas con Astro.
Creo que esta buena fama es por estas 3 razones.
1️⃣ El que programa decide
Algo que tienen frameworks como Next.js es que son dogmáticos (opinionated) Te dan muchas opciones pero tienes que seguir tus reglas.
Las restricciones molan, agudizan el ingenio.
Pero, ¿y si quieres elegir tú tus propias herramientas?
Quizás esta librería de JavaScript, CSS hecho en casa con Sass y desplegar en tu propio VPS. O todo lo contrario.
Muchas más alternativas son posibles con las integraciones de Astro a todos los niveles: UI, JS, cloud, rendimiento, SEO…
2️⃣ Arquitectura de islas
La característica más conocida es la que le permite a Astro no casarse con nadie y llevarse bien con todas.
Me refiero a React, Vue, Svelte…
Astro tiene adaptadores para todas y, en la misma web, puedes tener distintos bloques construidos con diferentes frameworks de JavaScript.
No será lo más útil, pero dicta sentencia en versatilidad.
3️⃣ Cuanto menos JavaScript, mejor
El target de Astro es, según su propia web, crear blogs, sitios de campaña, portfolios o ecommerce.
Podrías crear otras muchas cosas, pero no te hablan tanto de eso.
Este tipo de sitios, ¿necesitan enviar tanto JavaScript al navegador?
Es algo de lo que no somos conscientes cuando desarrollamos, porque es como el aire acondicionado en un coche. Pero, ¿lo encenderías en invierno también?
Así hacemos la web un poco más sostenible. Más rápida. Más ligera.
💬 ¿Probarás Astro? ¿Crees que puede ser útil en tus proyectos o es solo un hype?
Aprende a crear transiciones espectaculares sin una línea de CSS ni de JavaScript extra.
¿Cómo?
Con Astro 3 y este vídeo que te la pone “cortita y al pie” para que puedas hacerlo tú mismo.
🚨 Si llegamos a los 30 likes tendréis una plantilla con transiciones de regalo 🎁
⚡️ ASOMBROSICO
Escribe HTML interactivo con hyperscript
Imagínate escribir “on click send hello to Sergi” en el HTML de un botón y que haga lo que dice.
Así es esta librería que nos han descubierto en un reto de la comunidad. Trabaja con web sockets y sácale todo el partido a HTMx. No estoy hablando en marciano, ¡esto es de verdad"
📝 Recurso recomendado por Sergi
🔰 PARA APRENDER
Una forma diferente de aprender Python
Muchos queréis empezar con este magnífico lenguaje. No hay mejor forma que “poniendo las manos sobre el teclado”. Esta colección de ejemplos y ejercicios puede ser un buen punto de partida.
La API más sencilla del mundo, ¿sí o no?
Decisiones. Todo el tiempo. Por eso yesno wtf viene a ayudarte y a decirte eso. Sí. No. Ideal para emplearla como tu primera API de consumo en tus proyectos primerizos.
📝 Recurso enviado por Yuri
⚓️ BACKEND
Las novedades de Node.js 20 con ejemplos
Modelo de permisos para acciones como leer ficheros, test runner integrado, lectura de directorios recursiva y ejecución de programas Node.js sin necesidad de instalar Node.js
✅ Alguien que sabe mucho de Node.js es Alfredo Giménez
Nos ha visitado en el podcast premium ⭐️ para contarnos en 68 minutos Todo lo que necesitas saber sobre Node.js.
🔥 Incluso cuenta las 3 cosas más difíciles de aprender.
Aquí puedes escuchar un fragmento de algo que NO le gusta tanto de node.
🎢 CARRERA PROFESIONAL
Reglas de éxito para estimaciones en proyectos de software
La dificultad de acertar con una estimación de tiempos de ejecución es mayor que la del enemigo grandote del final del juego. Aquí van sugerencias y planteamientos contados por alguien que lleva muchas a la espalda.
🌳 BUENAS PRACTICAS
Patrones de diseño en PHP 8
12 artículos que elevan a PHP para comprender como sus nuevas características lo hacen más robusto y cercano a las buenas prácticas.
🤸♂️ ALTERNATIVAS OPEN SOURCE
Quiet, la alternativa a Slack o Teams
Una herramienta para “hablar” que se llama “silencio” despierta cuando menos curiosidad. Lo que no quieren que compartas son tus datos, ya que se enfocan en la privacidad y no utilizan servidores centralizados.
Vrite, el headless CMS para developers creadores
Una alternativa a WordPress para escribir blogs técnicos. Panel de kanban integrado, editor con markdown, colaboración en tiempo real y listo para desplegarse.
🛠 HERRAMIENTAS
Nunca volverás a perder nada en Visual Studio Code con Bookmarks
Facilita la navegación por el código, permitiendo moverse entre posiciones memorizadas de forma rápida. Así ya no tienes que estar busca que te busca una y otra vez.
📝 Recurso enviado por Jose Manuel
Elysia, un web framework a lo Express para Bun
La velocidad de Bun como alternativa a Node es uno de sus puntos fuertes. Con Elysia todo promete ir rapidísimo, tipado seguro con TypeScript y muy ergonómico (eso dice su eslogan).
🤖 IA PRÁCTICA
Byt5, predice coordenadas a partir de texto
Byt5 de Yachay-AI ofrece un modelo basado en geotagging que predice coordenadas solo a partir de texto. Los modelos actuales tienen un error mediano de 30km en el 10% de textos más relevantes.
🎨 PLANTILLAS
Webpack 5 template boilerplate
Webpack sigue vivo y esta plantilla puede salvarte para iniciarte o comprender mejor su configuración. Incluye soporte para SASS/PostCSS, Babel ES7 y linting. Con demos con JavaScript, SASS, HTML, imágenes, vídeos y fuentes.
PD: Si te quieres reír con lo que hace la gente en su trabajo, atento a las preguntas de Galder
#reactivisima283