CodeWebNow @CodeWebNowDev

@CodeByNZ Mainly Chrome. To view content I use Brave.

🚀 Estructura básica de Prompts para Devs 🚀 🎯 Contexto: Define stack, lenguaje y dependencias. ⚙️ Tarea: Sé hiperespecífico: ¿qué debe hacer exactamente? 📋 Input: Pega el código o error exacto. 💡 Output: Especifica el formato: “Solo código”, “Paso a paso”, “Markdown”.

@josebdorivas @codigoconjuan Últimamente estoy probando frameworks full stack como Remix (ahora React Router v7) y Next.js, y son ideales para empezar si ya sabes React. Por otra parte, si tú proyecto es más bien estático (tipo blog y demás) yo escogería Astro.

@josebdorivas @codigoconjuan Mi consejo es que no intentes aprender demasiados frameworks a la vez. A parte de los básicos (html, css, js), céntrate en 2 o 3 frameworks que te permitan hacer tus proyectos. Lo que verdaderamente importa es hacerlo, no hay que poner obstáculos en el camino. (1/2)

💡 NoSQL? No es solo MongoDB. Ten en cuenta estos 4 tipos a la hora de pensar en NoSQL: ♦ Key-Value (Redis): Caché. 📄 Document (Mongo): JSON. 📶 Column (Cassandra): Big Data. 🔵 Graph (Neo4j): Relaciones. Usa la herramienta correcta.

@_axtone En la universidad me lo enseñaron con Eclipse ☠️

@CodeByNZ Default dark theme is good for me 👍

El "gotcha" clásico de JavaScript 😅 ❌ [1, 2, 3].map(parseInt) → [1, NaN, NaN] ❓ ¿POR QUÉ? 🧠 map pasa (valor, índice) y parseInt usa el índice como base. parseInt('2', 1) → NaN parseInt('3', 2) → NaN ✅ Solución: [1, 2, 3].map(Number)

@AristiDevs Hice un proyecto medio grande en Flutter, pero sin duda hoy escogería desarrollo nativo 100%.

@parveen__tyagi A USB Killer

@MatteoRicupero @svpino Sometimes it's very intrusive

@dev_TEMITAYO

@_devJNS VS Code

💡 NotebookLM es una herramienta muy potente. 🆓 Si eres estudiante hay buenas noticias. Google está regalando 1 año gratis del plan Pro de Gemini (incluye NotebookLM). ❗ Tienes hasta el 9 de DICIEMBRE para canjear la oferta 🎁 gemini.google/students/

Guillermo Casaus @_guillecasaus

7 months ago

Si eres estudiante y no usas NotebookLM, estás perdiendo el tiempo. Analiza tus notas, crea resúmenes, mapas mentales y cuestionarios personalizados. Si estás estudiando, esto te interesa 👇

30 139 885 60K 670

⚡️ La magia de React Router v7 (antes Remix): 🔄 loaders → Hacen el fetch antes de renderizar. (Adiós useEffect). 🎯 actions → Manejan mutaciones (POST). Lanzas una action, y RRv7 re-ejecuta tus loaders automáticamente. 🔁 ¡Datos siempre sincronizados!

How do we design effective and safe APIs? APIs have increasingly become the backbone of modern software. To understand some of the key principles and best practices of API design, Let's analyze a social media platform example: 🔹 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲 𝗻𝗮𝗺𝗶𝗻𝗴 ↳ Clarity is key when creating APIs. Adopting simple resource names, like /users for accessing user profiles and /posts for retrieving user posts, streamlines the development process and reduces mental strain. 🔹 𝗨𝘀𝗲 𝗼𝗳 𝗽𝗹𝘂𝗿𝗮𝗹𝘀 ↳ It's important to maintain a standard of consistency in API design. For consistency and readability, use plural resource names, such as GET /users/{userId}/friends vs. /friend), to avoid ambiguity in API requests. 🔹 𝗖𝗿𝗼𝘀𝘀-𝗿𝗲𝗳𝗲𝗿𝗲𝗻𝗰𝗶𝗻𝗴 𝗿𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 ↳ Interlinking resources, like taking comments on a post using GET /posts/{postId}/comments, simplifies the retrieval of related data. It provides a more streamlined and well-organized user experience. 🔹 𝗜𝗱𝗲𝗺𝗽𝗼𝘁𝗲𝗻𝗰𝘆 ↳ Maintaining API reliability is crucial. Idempotency ensures that operations like profile updates (PUT /users/{userId}/profile) produce the same result no matter how many times it’s executed. Learn more about idempotency here: lucode.co/idempotency-in… 🔹 𝗦𝗲𝗰𝘂𝗿𝗶𝘁𝘆 ↳ It goes without saying, security is a must-have. To secure the API endpoints, employ authentication methods like X-AUTH-TOKEN and X-SIGNATURE, and use authorization headers for verifying user permissions. 🔹 𝗩𝗲𝗿𝘀𝗶𝗼𝗻𝗶𝗻𝗴 ↳ Communicating version updates is another important practice. Endpoints like GET /v2/users/{userId}/posts allow API versioning to maintain functionality regardless of updates. This approach ensures backward compatibility and a smooth transition for users and us. 🔹 𝗣𝗮𝗴𝗶𝗻𝗮𝘁𝗶𝗼𝗻 ↳ Important for performance. Paginate large datasets, like feeds or comment lists, with GET /posts?page=5&pageSize=20 to enhance data delivery and UX. Great APIs come from good practices. Clear docs, strong monitoring, consistent error handling, and more. Adopting these practices helps us build secure, performant APIs that deliver great user experiences. What else would you add? -- 👋 PS: If you like this post, then you'll love our newsletter. Join 25,000+ software engineers: lucode.co/luc-newsletter… PPS: You get our Architecture Patterns Playbook for free when you join. It’s packed with visuals, tradeoffs, & real-world examples. -- 🔖 Save for later • ♻️ Repost to help others 🙋🏻‍♀️ Follow Nikki Siapno • Turn on notifications 🔔

@felix__quinton @_devJNS x2

Este stack cambia las reglas del juego para dashboards y apps ágiles. Si quieres ver el código completo, cómo manejar la validación de Elysia y cómo montar el CRUD paso a paso, te he dejado la guía completa en el blog: codewebnow.com/blog/crud-htmx…

En el post construyo un CRUD completo para demostrar esto. Verás cómo un simple botón con atributos hx-delete y hx-swap reemplaza todo un request de Axios + la lógica de estado en el cliente. Es simple, pero increíblemente potente.

La mayoría de SPAs (React/Vue) son un overkill para tareas CRUD. Gestionar estado, bundlers, useEffect... es demasiado complejo. Existe un stack moderno que vuelve a lo simple, pero con un rendimiento brutal: Bun + Elysia + HTMX. Aquí analizo esta "Trinidad" 👇 (Hilo 🧵)