Next

Pon a prueba tus conocimientos

Quiz — Opción Múltiple

Elige una respuesta; marca instantáneamente si es correcta o incorrecta y explica por qué. Tus respuestas se guardan en este navegador para que puedas volver y terminar.

Puntaje 0 / 0 respondidas · 21 total
  1. P1En `app/`, ¿por qué agregar un `loading.tsx` junto a un `page.tsx` cambia lo que se transmite?Core (App Router)
  2. P2Un Server Component importa un componente de un archivo marcado con `"use client"` y lo renderiza como un elemento hijo normal. ¿Qué se envía al navegador?Core (App Router)
  3. P3Tienes slots de ruta paralela `@team` y `@analytics` bajo un layout en Next 16. La compilación falla con un error de fallback faltante. ¿Qué falta?Core (App Router)
  4. P4Con `cacheComponents: true` en `next.config.ts`, un componente llama `headers()` directamente y NO está envuelto en `<Suspense>`. ¿Qué sucede?Rendering y Caché
  5. P5¿Qué determina la clave de caché para una función marcada con `"use cache"`?Rendering y Caché
  6. P6Sin `cacheComponents` habilitado (el modelo de defecto anterior), ¿cuál es el comportamiento de caché por defecto de `fetch()` en un Server Component?Rendering y Caché
  7. P7Una Server Function (`"use server"`) solo se llama desde un `<form action={...}>` en la UI. ¿Es seguro omitir una verificación de auth dentro?Datos y Server Actions
  8. P8En Next 16, ¿qué es nuevo sobre `revalidateTag()` comparado con versiones anteriores?Datos y Server Actions
  9. P9Dentro de una Server Action, quieres que la solicitud actual vea inmediatamente el efecto de una invalidación de caché (read-your-writes), no solo eventualmente. ¿Qué API está diseñada para eso?Datos y Server Actions
  10. P10Envías dos `<form action={fnA}>` y `<form action={fnB}>` en rápida sucesión desde el cliente. ¿Cómo despacha Next 16 estas Server Functions?Enrutamiento
  11. P11Renombras `middleware.ts` a `proxy.ts` y renombras la función exportada a `proxy` para una actualización a Next 16. ¿Qué más cambia en el comportamiento?Enrutamiento
  12. P12Una página lee `params` y `searchParams` de sus props. En Next 16, ¿qué tipo son?Enrutamiento
  13. P13¿Cuál es el empaquetador por defecto y estable tanto para `next dev` como `next build` en Next 16?Rendimiento
  14. P14Envuelves una operación lenta, no determinística (por ejemplo, leer `Math.random()` o una marca de tiempo) en `connection()` de `next/server` dentro de un componente cacheado. ¿Qué logra eso?Rendimiento
  15. P15¿Por qué intercambiar un `<img>` grande por `next/image` típicamente mejora LCP y CLS juntos?Rendimiento
  16. P16¿Cuál es el lugar más confiable para forzar que un usuario esté autenticado antes de renderizar los datos de un Server Component protegido?Autenticación
  17. P17Una Server Action elimina un recurso por `id` pasado desde un campo de formulario oculto. ¿Cuál es la verificación crítica que falta si el código solo verifica que el usuario esté logueado?Autenticación
  18. P18Quieres testear unitariamente un Server Component que es una función `async` esperando una llamada de datos. ¿Cuál es el enfoque práctico?Testing
  19. P19Actualizas a Next 16 y tu paso de CI `next lint` empieza a fallar con 'command not found'. ¿Por qué?Testing
  20. P20Un compañero lee un secreto con `process.env.STRIPE_SECRET_KEY` dentro de un archivo que tiene `"use client"` al inicio. ¿Qué sucede?Seguridad
  21. P21¿Por qué un nonce de Content-Security-Policy se genera por solicitud (por ejemplo en `proxy.ts`) en lugar de estar hardcodeado, cuando se usa CSP estricto con scripts inline?Seguridad