CodeWebNowDev's profile picture. 💻 Código. Guías. Tutoriales. 💥 Todo lo que necesitas para ser un mejor dev. 🚀 Sube de nivel tu código. 
👇Aprende con nosotros👇

CodeWebNow

@CodeWebNowDev

💻 Código. Guías. Tutoriales. 💥 Todo lo que necesitas para ser un mejor dev. 🚀 Sube de nivel tu código. 👇Aprende con nosotros👇

置頂

Casi todas las webs implementan mal la accesibilidad (a11y). Piensan que es un "feature" opcional o que basta con el alt text. Error. Es un requisito no negociable, tan clave como el performance. Y la mayoría falla en lo básico. Te enseño a hacerlo BIEN. (Hilo 🧵) 👇

CodeWebNowDev's tweet image. Casi todas las webs implementan mal la accesibilidad (a11y).

Piensan que es un "feature" opcional o que basta con el alt text.

Error. Es un requisito no negociable, tan clave como el performance. Y la mayoría falla en lo básico.

Te enseño a hacerlo BIEN.

(Hilo 🧵) 👇

🚀 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”.


💡 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.

CodeWebNowDev's tweet image. 💡 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.

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)

CodeWebNowDev's tweet image. 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)

💡 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/

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 👇

_guillecasaus's tweet image. 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 👇


⚡️ 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!

CodeWebNowDev's tweet image. ⚡️ 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!

CodeWebNow 已轉發

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…

NikkiSiapno's tweet image. 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…

¿Monolito vs Microservicios? 📦 Monolito: Rápido para empezar, fácil de razonar. Difícil de escalar y desplegar por partes. 🧩 Microservicios: Escalado granular, equipos autónomos. Complejidad brutal al inicio (DevOps, red). ¿Con qué estás construyendo HOY?

CodeWebNowDev's tweet image. ¿Monolito vs Microservicios?

📦 Monolito: Rápido para empezar, fácil de razonar. Difícil de escalar y desplegar por partes.

🧩 Microservicios: Escalado granular, equipos autónomos. Complejidad brutal al inicio (DevOps, red).

¿Con qué estás construyendo HOY?

🚀 ¿Sigues usando un .txt para tus prompts de IA? 🧩 Usa una extensión para administrar tus prompts. Estaba por desarrollarla yo mismo 👨‍💻, pero encontré una bastante simple que hace su trabajo👇 chromewebstore.google.com/detail/nbfhlbp…


🖌 Recurso útil para desarrolladores y diseñadores Este visualizador 3D representa la distribución de docenas de listas de nombres de colores sobre múltiples modelos de color. Permite analizar y comparar la uniformidad y los "huecos" de cada paleta. codepen.io/meodai/full/zd…


¿Sabías que PHP 🐘 al principio significaba "Personal Home Page"? Su creador (Rasmus Lerdorf) lo hizo solo para su web personal 🏠. ¡Hoy es un acrónimo recursivo: "PHP: Hypertext Preprocessor"! 🤯

CodeWebNowDev's tweet image. ¿Sabías que PHP 🐘 al principio significaba "Personal Home Page"?

Su creador (Rasmus Lerdorf) lo hizo solo para su web personal 🏠.

¡Hoy es un acrónimo recursivo: "PHP: Hypertext Preprocessor"! 🤯

🔋 Balanceador de Carga: NGINX, HAProxy ♻️ Caché: Redis, Memcached 🧬 Bases de Datos (Replicación): MySQL, PostgreSQL

Cuando tu aplicación recibe miles de usuarios, un solo servidor no te alcanza. Podes crecer de 2 formas: 1) verticalmente: más CPU o RAM al servidor (es caro y tiene un límite). 2) horizontalmente: agregar más servidores. La segunda te da escala, pero trae un nuevo problema: ¿a…

santtiagom_'s tweet image. Cuando tu aplicación recibe miles de usuarios, un solo servidor no te alcanza.

Podes crecer de 2 formas:
1) verticalmente: más CPU o RAM al servidor (es caro y tiene un límite).
2) horizontalmente: agregar más servidores.

La segunda te da escala, pero trae un nuevo problema:
¿a…


¡De los mayores "Glow Up" que tuvo un framework! ✨ El cambio de Class Components (con this.state y componentDidMount) a Functional Components (con useState y useEffect) es una de las mejores cosas que le pasó a React. Menos boilerplate, más legibilidad.

CodeWebNowDev's tweet image. ¡De los mayores "Glow Up" que tuvo un framework! ✨

El cambio de Class Components (con this.state y componentDidMount) a Functional Components (con useState y useEffect) es una de las mejores cosas que le pasó a React.

Menos boilerplate, más legibilidad.
CodeWebNowDev's tweet image. ¡De los mayores "Glow Up" que tuvo un framework! ✨

El cambio de Class Components (con this.state y componentDidMount) a Functional Components (con useState y useEffect) es una de las mejores cosas que le pasó a React.

Menos boilerplate, más legibilidad.

United States 趨勢

Loading...

Something went wrong.


Something went wrong.