La herramienta más top para subir de nivel
Tan potente que hoy te propongo algo que siempre te dije que no hicieras
Muchos pensaréis que la herramienta más top es el testing. O Docker. O justo en la que estáis enredados ahora mismo. Y tenéis razón.
Pero solo hay un tipo de “herramienta” que ejerce como poderoso hilo conductor de todas esas subidas de nivel: Un proyecto propio.
Lo que pasa es que te han contado que tienes que hacer un side project dejando de dormir, viviendo al límite y pensando en ganar mucha pasta en menos de 1 año.
Esto no va de eso.
No.
De hecho le vamos a dar la vuelta a la tortilla (con cebolla, por supuesto).
Y, por primera vez en la historia de Web Reactiva, te voy a aconsejar algo que siempre he dicho que no hagas: Monta un blog.
Más profundo aún: No quiero que pienses en escribir nada en ese blog.
¡¿Comorl?!
Montar un blog como proyecto personal tiene varias ventajas:
Es fácil subirlo a producción
El stack y la estructura son de sobra conocidas
Está documentado en todos los lenguajes de programación
👉 Hoy andamos buscando otra cosa:
✹ Queremos tener un blog como el que tiene un tamagotchi.
✹ Queremos alimentando poco a poco, con todas aquellas cosas que queremos probar para aprender sin quedarnos en el síndrome del tutorial.
✹ Queremos que tenga posts. A partir de ahí puede tener: categorías, comentarios, usuarios, registro, editor de contenido, base de datos, previews, rss, integración con terceros…
⤷ Todas las decisiones son correctas
Llámalo “El blog de Pepita”, da igual. Cualquier decisión que tomes será la correcta. Si está equivocada entonces tomarás otra mejor para taparla.
Quítate la presión de demostrar que eres perfecto/a
Apunta las encrucijadas y justifica las razones de tomar un camino u otro.
⤷ Olvídate del dinero
Nos han metido en la cabeza que un side project nos tiene que retirar a Bali, bajo un cocotero viendo caer los billetes.
Ojalá te pase, pero prefiero asociarlo a la dedicación y el cariño. A atender el proyecto como si fuera importante para ti, para que sea tu banco de pruebas.
Para que el “dinero” sea el resultado del aprendizaje de todo ese proceso de creación.
⤷ Tiene que estar en producción
Da igual la tecnología que escojas. Debes subirlo a internet, debes creerte que es un proyecto de verdad.
El cajón es un lugar oscuro donde envilecen los proyectos que no pudieron ser porque te faltó tiempo, pero también garra.
⤷ Cubre todos los huecos de conocimiento que encuentres
El desarrollo es un conjunto de puntos que hay unir hasta tener un dibujo completo.
No es fácil saber cuáles son esos puntos.
He probado a lanzar esta petición a ChatGPT para que me lo diga y parece que ha funcionado.
Genera un roadmap técnico para la creación de [tu proyecto] desde cero siguiendo buenas prácticas. El roadmap debe estar dividido en fases, detallando cada paso necesario.
👉 Sustituye [tu proyecto] por “blog” o por cualquier cosa que quieras hacer con este formato.
💡 Si preguntas al bot de Whimsical además te hace un mindmap así de guapo.
🔥 Cada uno de esos pasos es una pértiga para saltar de nivel
Eso sí, no he compartido una mala noticia contigo hasta ahora: Es un proyecto personal para toda la vida.
Porque en esta profesión, nunca, NUNCA, se deja de aprender. Y, por mucho que te cuenten, nunca, NUNCA, debes de dejar de aprender.
Las herramientas para subir de nivel en Web Reactiva fueron antes el control de versiones, las automatizaciones con fuerza, la magia del teclado, gestión de la calidad y asistentes de IA.
🧡 Muchas gracias por todo vuestro apoyo durante esta saga.
🧨 Somos 400 lectores más desde que comenzamos a publicarla hace 6 semanas. ¡La dinamita tiene mecha para rato!
👍 Hoy puedes dejar un superlike ❤️ a este envío para que el algoritmo de Substack se entere y más gente conozca esta news.
También puedes compartirlo con tu gente:
🏖
La semana que viene será el último envío hasta que volvamos de vacaciones dentro de unas semanas.
Va a ser un broche de oro a esta temporada.
El domingo que viene.
No te la pierdas.
El truco del almendruco
El otro día en la comunidad de Web Reactiva montamos un “showroom” de trucos con Google Chrome Developer Tools.
Uno de los que más sorprendió fue el que tiene como base que “en el frontend no hay secretos”.
Buscar una cadena de texto en todos los ficheros de una web.
Abre las herramientas para el desarrollador de Google Chrome
Pestaña “Sources”
Pulsa
Ctrl+Shift+F(Windows/Linux) oCmd+Opt+F(Mac) para abrir el cuadro de búsqueda globalBusca lo que quieras y pulsa
Enter
👉 Mismos atajos en Firefox en la pestaña “Debugger”.
👀 Y gracias al descubrimiento de 🧡 Borja vimos en directo como Google “hackea” nuestro sistema con este comando.
💊 Recursos a tutiplén
🎢 CARRERA PROFESIONAL
Un error en un código generado por ChatGPT les cuesta 10 mil dólares
Una mañana llegaron 40 mails de clientes quejándose porque la herramienta no funcionaba. ¿Qué había pasado?
🔰 PARA APRENDER
Libro de TypeScript moderno y gratuito
Total TypeScript Essentials es un libro para aprender los conceptos de TypeScript en 16 extensos capítulos.
10 CSS One-Liners que resuelven problemas
Álvaro Montoro presenta 10 simples soluciones de CSS en una sola línea para mejorar el rendimiento de cualquier web.
😲 CURIOSO
Genera árboles de carpetas ASCII
└── Como/
└── este/
└── de /
└── aquí 😃
🤸♂️ ALTERNATIVAS OPEN SOURCE
AppFlowy, un entorno de colaboración open source y con IA
🧡 Camilo ha empezado a usarlo ya que puede crear tableros Kanban, con etiquetas y campos personalizados, calendarios con notificaciones, múltiples workspaces y se puede instalar en todas partes.
🌳 BUENAS PRACTICAS
Configuración de Husky, lint-staged y Prettier para fromatear en precommit
Mejora tu flujo de herramientas para mantener el estilo de código con estas recomendaciones de Fran López.
🎨 PLANTILLAS
Tailkits, plantillas de Tailwind CSS
Más de 250 junto con componentes y kits UI basados en esta popular librería. Gratis y de pago.
⚓️ BACKEND
Pongo es Mongo sin Mongo sobre Postgres
Pongo es como Mongo pero en Postgres y con todos los beneficios de la consistencia. Trata a PostgreSQL como una base de datos de documentos con soporte JSONB
😎 PARA FARDAR
Lista de dominios para crear emails de mentira
En disposable-email-domains tienes la lista de sitios y el código para poder registrar en tus aplicaciones usuarios “dummy” sin límite.
🛠 HERRAMIENTAS
Crea formularios a partir de JSON con LetsForm
Crea componentes compatibles con Material UI, Mantine, Bootstrap, AntDesign o, simplemente, React a partir de un esquema de JSON.
Posting, un cliente de API en la terminal
Si te cansaste de Postman o Thunderclient puedes lanzar el aún más rápido Posting directamente en la consola con las mismas características para probar APIs.
🤖 IA PRÁCTICA
LibreChat, toda la IA en un solo lugar
Una alternativa open source para poder usar la IA en tu local conectándote a diferentes proveedores y servicios de LLM.
🚩 ¿Qué le dirías a alguien que te escribe una petición así?
Largo debate en Linkedin sobre todas las “red flags” que enciende esto antes de comenzar tan siquiera a ejecutar un proyecto.
PD: Tú que harías si se te parte el coche en dos (literalmente) en mitad de la estepa de Kazajistán. Llorar, yo empezaría por ahí. Pues mal hecho, estos chicos se lo gozan.
PD2: Si te quedas con ganas de más sagas: Guía para developers desfasados.
#reactivisima323
Lo malo de los side projects no es encontrar uno, sino elegir de todas las ideas que se nos ocurren para no dispersarnos. Entiendo que con lo del blog te refieres a crearte una web a pelo, sin CMS ni nada, no? ¿Algo así como lo que ha montado Daniel Peris con BUROGU?