Cuando una API te devuelve más resultados de los que caben en pantalla, tienes que decidir cómo mostrarlos. Las dos estrategias dominantes para cargar contenido extra son el scroll infinito y la paginación, y elegir bien define si tu usuario encuentra lo que busca o se queda atrapado consumiendo más.

Esta reflexión aplica a cualquier front-end que consuma listas largas: catálogos de películas, e-commerce, redes sociales o blogs. La pregunta de fondo es simple: ¿quieres control o quieres adicción?

¿Qué es la paginación y cuándo conviene usarla?

La paginación organiza el contenido en páginas con una cantidad fija de elementos. Cambias de página con un botón o un query parameter en la URL, y cada página vive en una dirección distinta y estable.

Esa estabilidad es su mayor fortaleza. Si un usuario recordó que los zapatos turquesa estaban en la página cinco, vuelve a la página cinco y ahí siguen. La URL es predecible, el contenido es recuperable y la experiencia se siente ordenada.

¿Cuándo conviene usar paginación? Cuando tu usuario busca algo específico y necesita volver a encontrarlo. Es la estrategia estándar en e-commerce porque da control, permite estimar cuántos resultados existen y mantiene URLs compartibles.

¿Qué ventajas concretas ofrece la paginación?

• Cantidad fija de elementos por página, lo que hace la interfaz predecible.
• Barra de botones que muestra la última página y permite saltar directo a cualquiera.
• Estimación clara de cuántos resultados totales existen para una búsqueda.
• URLs únicas por página, ideales para SEO y para volver al mismo contenido.

La contracara es que no es adictiva. Nadie entra a una tienda online a recorrer página por página por placer; entra, busca, encuentra y sale. Si tu objetivo es retención por consumo continuo, la paginación se queda corta [05:30].

¿Qué es el scroll infinito y por qué engancha tanto?

El infinite scrolling mantiene todo el contenido en una sola página. No hay página dos ni tres: a medida que el usuario llega al final, se cargan automáticamente los siguientes resultados. Primero ves 20, luego 40, luego 80, y así sucesivamente [07:00].

La navegación cambia por completo. En vez de hacer clic, haces scroll. Y entre hacer clic y deslizar el dedo, el cerebro elige siempre lo segundo. Por eso Twitter, Instagram y Facebook lo adoptaron: nunca ves su footer porque el contenido nunca termina.

¿Por qué el scroll infinito es más adictivo que la paginación? Porque elimina la fricción del clic y oculta el final. El usuario no sabe cuánto contenido le falta, así que sigue deslizando sin un punto natural de salida.

¿Qué problemas de usabilidad tiene el scroll infinito?

• Es difícil recuperar contenido específico tras recargar la página, porque no hay URL única que lo identifique.
• No puedes estimar cuántos resultados existen sin que la app te lo diga explícitamente.
• El footer prácticamente nunca aparece, porque siempre se carga más contenido antes.
• Requiere más trabajo de implementación: detectar eventos de scroll, controlar el límite de páginas y manejar la carga incremental.

Si tu footer tiene información crítica o le pusiste mucho cariño al diseño, el scroll infinito lo va a esconder para siempre [09:45].

¿Cómo se consume una API con paginación o scroll infinito?

Acá viene un detalle técnico clave: las APIs no entregan scroll infinito, entregan paginación. La diferencia está en cómo tu front-end consume esos datos.

Una API bien diseñada te deja pedir una página específica y un límite de resultados. Por ejemplo: pásame la página uno con 15 elementos, y obtienes los primeros 15. Pides la página dos y recibes del 16 al 30 [12:30].

¿Cómo cambia el consumo según la estrategia elegida?

• Paginación pura: cada botón o URL dispara una solicitud distinta a una página específica de la API.
• Scroll infinito: usas los mismos endpoints y query parameters, pero incrementas el número de página cada vez que el usuario llega al final del scroll.
• Carga inicial: empiezas siempre en la página uno con un límite definido.
• Carga incremental: vas sumando páginas y concatenando resultados al listado existente.

Es decir, técnicamente ambas estrategias se apoyan en la misma paginación de la API. La diferencia está en cómo presentas los datos al usuario y cuándo disparas la siguiente solicitud.

¿Qué estrategia le conviene a Platzi Movies?

La decisión depende del comportamiento que quieras provocar. Si buscas que el usuario explore películas sin parar y descubra títulos nuevos por inercia, el scroll infinito juega a tu favor. Si prefieres que encuentre rápido un título específico y pueda volver a él, la paginación es más honesta.

Un punto intermedio que muchas apps usan es el botón de cargar más: mantiene la sensación de continuidad del scroll infinito, pero da al usuario control explícito sobre cuándo pedir más contenido. En la siguiente clase se implementan los eventos de scroll, la detección del final de la lista y el cálculo de la cantidad máxima de páginas disponibles.

¿Tú qué eliges para tu próxima app: control con paginación o adicción con scroll infinito? Cuéntame en los comentarios qué estrategia te ha funcionado mejor y por qué.