Web Reactiva
Web Reactiva
Despliega pronto, aunque sea viernes
2
0:00
-26:43

Despliega pronto, aunque sea viernes

El mundo está lleno de software imperfecto que funciona. Tu proyecto puede ser uno de ellos.
2

Soy Dani y este es el número 359 de Web Reactiva. Aquí encontrarás hoy si haces scroll hasta abajo cosas como:

  1. Los servicios más sencillos para el alojamiento

  2. Cómo lo hacen en Stripe, lo de subir a producción, más de 1.000 veces al día

  3. Un servicio que te dice cuando tu email ha sido expuesto

  4. Si se puede programar solo con gafas AR y un móvil

  5. El mejor gameplay que he visto en mucho tiempo (en la Posdata)


En “debería desplegar hoy” vas a ver un cartel en rojo si entras en domingo o viernes.

Pero eso, a ti, te va a dar igual.

Porque, como te empecé a contar ya en la hoja de ruta para crear un side project, lo más importante de todo es hacer el proyecto.

Y ponerlo a la vista de la gente es nuestro principal propósito. Aunque sea domingo, aunque truene, aunque sea desplegar en viernes.

🔥 Maestros del Prompt, Masterclass para dominar la IA

Ya te puedo anunciar hoy aquí en exclusiva que Maestros del Prompt es el nombre de la Masterclass que celebraremos la segunda semana de junio.

Quiero compartir mi experiencia contigo sobre cómo hablar con la IA para sacar el máximo partido a estas herramientas:

  • La buena arquitectura de los prompts para no perderte

  • Crear el contexto perfecto para lograr las mejores respuestas

  • Detectar errores en las respuestas también con la IA

Todos los detalles estarán disponibles en el próxima entrega de Esperando a Eskainet el 28 de mayo.

👉 Apúntate aquí para ser el primero en enterarte

🧨 Tendrá plazas limitadas y habrá ventajas para los que os apuntéis primero.

Por qué nunca desplegamos nuestros proyectos

Construir algo en local se siente seguro. Es tu espacio privado donde todo funciona bajo tu control. Pero desplegar, ponerlo en producción, donde otros pueden verlo es exponerse al mundo.

Y ahí empiezan los nervios.

La mayoría de side projects mueren en el cajón. No por falta de código, sino por falta de valor para mostrarlos. Es como hacer una tarta y dejarla en la nevera porque "no quedó perfecta." Al final te comes tres bocados y el resto se pudre.

Desplegar es igual que comprometerse.

Es ponerte un anillo frente al juez.

Cuando subes algo a producción, estás diciendo: "Esto existe. Pueden usarlo, criticarlo, romperlo y, sí, lo he hecho yo”.

La imperfección mil millonaria

Cuando OpenAI lanzó ChatGPT, la interfaz era una auténtica castaña:

  • Se caía constantemente

  • Los botones no funcionaban

  • Era lento e inestable

Millones de personas veían aquello diciendo: "¿Esta es la IA disruptiva que nos va a cambiar la vida?"

Pero salió. Y cambió todo.

Si esa gente no tuvo miedo de sacar algo tan imperfecto a escala masiva, ¿por qué nosotros nos paralizamos con nuestros pequeños proyectos?

Quizás no necesites comprar un dominio

Otro de los factores de parálisis. Este lo arreglamos rápido con el árbol de decisión más simple del mundo:

¿Es el dominio lo que te detiene para avanzar?

  • Si: Usa el subdominio que te dé tu servicio de hosting o que puedas configurar con lo que ya tienes.

  • NO: Compra el maldito dominio y sigue adelante

Los servicios modernos como Vercel o Netlify te dan subdominios perfectamente funcionales. Muchos proyectos exitosos empezaron así.

Dónde desplegar el proyecto

Para Malandriner Overflow he optado por lo más sencillo: Vercel.

☝️ Igual que Netlify, Cloudflare o Render estos servicios quieren sumar nuevos usuarios dejándote que el despliegue sea un juego de niños.

✌️ Luego están los gigantes como AWS, Google Cloud o Microsoft Azure. Auténticas bestias pardas.

— Estoy dando los primeros pasos en AWS con el master en el tema, Camilo Nevot

🖖 Y luego está el hosting propio (soy fan de Coolify + Hetzner).

— 🧨 Comparativa de los mejores hostings gratuitos para programadores

Cargando...

Rematamos…

Tu side project no necesita ser perfecto. Necesita existir.

Elige el servicio más simple que conozcas. Si no conoces ninguno, usa Vercel o Netlify. Despliega hoy mismo, aunque sea viernes.

El mundo está lleno de software imperfecto que funciona. Tu proyecto puede ser uno de ellos.

👀 La semana que viene te contaré el mejor truco para lograr que los usuarios entren a conocer tu side project. Algo que pocos hacen en el mundo del desarrollo, y que funciona genial.


☕️ La web ya no es un montón de folletos, fósil, así que usa el maldito React 😎

Manifiesto subidito de tono y divertido en defensa acérrima de React compartido por 🧡 José Manuel en la Comunidad Malandriner.

React (o cualquier framework moderno) maneja la complejidad de aplicaciones interactivas que HTML/JS vanilla no pueden escalar sin caos.

5 ventajas de usar React/frameworks:

  1. 🧠 Gestión de estado estructurada — Controla flujos de datos complejos (filtros, actualizaciones en tiempo real) sin colapsar en código espagueti.

  2. 🧩 Componentes reutilizables — Construye UI modular, evita duplicación y actualiza cambios en un solo lugar.

  3. Renderizado inteligente — Actualiza solo lo necesario en la UI, evitando redibujar el DOM completo como en vanilla JS.

  4. Accesibilidad consistente — Implementa ARIA, focus management y patrones accesibles una vez y retulizalos en componentes.

  5. 🛠️ Ecosistema potente — Usa TypeScript, HMR, librerías (rutas, animaciones) y herramientas que aceleran el desarrollo.

Cuándo usar un framework:

  1. Aplicaciones con estado dinámico (ej: dashboards en tiempo real).

  2. Necesidad de componentes reutilizables para mantener consistencia UI/UX.

  3. Single Page Applications (SPA) que requieren navegación fluida sin recargas.

  4. Trabajo en equipo donde se necesitan patrones y estructura compartida.

  5. Interacciones complejas (arrastrar/soltar, colaboración en vivo, formularios multi-paso).

— Lee Just Fucking Use React

❤️ Un me gusta siempre es bien recibido por los robotitos de Web Reactiva y por el algoritmo de Substack. Grazie!

ㅤㅤ


💊 Recursos a tutiplén

⚡️ ASOMBROSICO

Detecta si tu email ha sido expuesto en brechas de seguridad

Have I Been Pwned es un servicio que te alertará (con escalofrío incorporado) cada vez que detecten tu email en listados de sitios hackeados.

🌳 BUENAS PRACTICAS

Desplegando 1.145 pull requests al día

Completamente integradas en producción. 1145 cambios al día hacen en Stripe sin tirar nada abajo, sin fallos e, incluso, ¡en viernes!

😎 PARA FARDAR

Programando con gafas de realidad aumentada y un móvil

El artículo relata la experiencia de utilizar un teléfono con Linux, AR Glasses y un teclado plegable para trabajar en cualquier lugar. El experimento funcionó mejor de lo esperado.

🤖 IA PRÁCTICA

GitHub Copilot, también en web

Puedes acceder a todo el poder de Copilot desde la web, sin necesidad de abrir tu editor de código. Descubierto gracias a 🧡 Niltsiar.

¿Quieres más recursos sobre Inteligencia Artificial?

Cada miércoles te llegarán en Esperando a Eskainet.

El próximo número te enseñará a aprender sobre cualquier cosa con la IA.

‎ㅤ

🔰 PARA APRENDER

Aplicando ciencia de datos casera a información en crudo de la administración.

🧡 Andrés nos cuenta como ha extraído de farragosos boletines oficiales sobre plazas de enfermería de la Comunitat Valenciana información útil para pintarla en un mapa con Python y Leaflet

Codigo, comparador de lenguajes de programación

Ejemplos de código, noticias, rankings y descubrimiento alrededor de todos los lenguajes de programación del mundo.

🤸‍♂️ ALTERNATIVAS OPEN SOURCE

Zen Browser, un navegador para alejarte del estrés

Elige colores, elimina funcionalidades y centrado en la privacidad. Incluye 90 mods para personalizarlo a tu gusto y es, claro está, open source.

Zulip, la alternativa a Slack que estabas buscando

Es open source, tiene un diseño familiar, API abierta para hacer diabluras y, por supuesto, con anidamiento de conversaciones.

🛠 HERRAMIENTAS

Convierte un CSV en un SQL insert

Este tipo de aplicación que echas de menos y da pereza hasta pedírsela al gepeto. De CSV a sintaxis SQL para llevarte las filas a la base de datos que quieras.

Compare View para Visual Studio Code

Crea una vista de comparación sin necesidad de que los ficheros existan.

🎨 PLANTILLAS

Plantillas retros con 8bitcn/ui

Usando la base de shadcn/ui convierte tu web en un juego de los 80. Precioso, la verdad.


PD: Olvídate de ver Fast&Furious para ver una buena persecución. Descubre en BeamNG derrapes, fajas, escapadas y mucha acción. 40 minutos trepidantes en What If Police Actually Used Supercars?

#359

ㅤㅤ

Y para acabar, si algún día necesitas mi ayuda…

¿Dudas con tu carrera profesional como developer? ¿No encuentras el trabajo que esperabas? ¿Quieres convertirte en creador de contenido para devs?

Te alquilo mi cerebro durante 50 minuts para que te lleves una hoja de ruta personalizada y cargada de dinamita de la buena.

— Reserva una sesión de Consultoría 1 a 1 conmigo

¿No encuentras la motivación para seguir programando? ¿El camino del developer es demasiado solitario? ¿Quieres saber cómo piensa la gente que programa?

La ruta del aprendizaje es un trabajo continuo y el método en la comunidad malandriner es bien sencillo: Poner las manos sobre el teclado

— Únete a la comunidad en Web Reactiva Premium

Si has llegado hasta aquí, suscribirte ya es lo más fácil ;)

Discusión sobre este episodio

Avatar de User