Construye interfacesa escala

El mapa del frontend moderno —React, Vue, Svelte, Angular, Astro— centrado en lo que comparten todos y en el criterio para elegir el adecuado en cada proyecto.

Empezar

Acceso al curso completo, ejercicios y material de entrevista.

// React: estado con un hook, Virtual DOM
function Contador() {
  const [n, setN] = useState(0);
  return (
    <button onClick={() => setN(n + 1)}>
      {n}
    </button>
  );
}

→Re-render del componente al cambiar n

⧗El mismo problema, tres soluciones distintas →

<!-- Vue: reactividad con ref, plantilla -->
<script setup>
const n = ref(0);
</script>

<template>
  <button @click="n++">{{ n }}</button>
</template>

→Solo se actualiza el nodo que depende de n

⧗ref() rastrea la dependencia, sin diffing

<!-- Svelte: reactividad compilada -->
<script>
  let n = $state(0);
</script>

<button onclick={() => n++}>
  {n}
</button>

→El compilador genera el código mínimo de update

⧗Sin runtime de framework en el bundle

Orientado a entrevistas

No solo conoces los frameworks. Sabes elegir y defender tu elección.

Banco orientado a la entrevista técnica frontend: preguntas reales sobre rendering, reactividad y trade-offs entre frameworks, los errores que delatan a un junior y retos de decisión de arquitectura.

Preguntas

Preguntas reales de entrevistas técnicas.

Errores comunes

Lo que delata a un junior frente al entrevistador.

Retos de debug

Código roto al estilo prueba técnica.

Qué vas a aprender

Entiende qué comparten todos los frameworks y elige con criterio

El mapa completo

React, Vue, Svelte, Angular, Astro, Solid, Qwik y hasta WASM.

Los modelos de reactividad

Virtual DOM, signals y compilación: por qué cada uno existe.

Renderizado e hidratación

CSR, SSR, SSG, ISR, islas, resumability y server components.

Conceptos transferibles

Routing, datos, estado y estilado que valen en cualquier framework.

Más allá de la SPA

Web Components, htmx, Alpine y enfoques sin framework grande.

Criterio para elegir

Qué framework para qué proyecto, y cuándo no necesitas ninguno.