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