Backend for Frontend

Clase 13 de 15 • Audiocurso de Frameworks y Arquitecturas Frontend: Casos de Estudio

Giuliano De Leonardis

student•

Es una arquitectura que consiste en crear una API que se adapta a las necesidades del frontend, así puedes optimizar al máximo la peticiones que se hacen, la información que devuelve, y al final, la experiancie del usuario (es lo que más nos interesa).

Este paradigma permite crear una abstracción sobre nuestras APIs
Reduce la lógica a escribir en nuestras vistas
Puede ser implementado con cualquier tecnología

GraphQL Es un lenguaje de consulta y patrón que permite definir una API que se adapte a las necesidades del cliente que las consulta. La ventaja es que se hace desde un solo endpoint. Así, no se debe crear una API para cada necesidad.

Si necesitas muy pocos endpoints, o los datos que vas a tratar son muy simples, quizá GraphQL no sea la mejor opción.

TRPC Permite construir y consumir APIs totalmente tipadas gracias a TypeScript, sin necesidad de definir esquemas o generar código adicional

Miguel Ángel Durán García

teacher•

🤗 Genial!

Marcos Monteverde

student•

gracias

Backend for Frontend

Introducción

¿Qué aprenderás en este curso?

Arquitectura de Frontend: Conceptos

¿Qué es la Arquitectura en el Frontend?

Patrones de arquitectura clásicos

Clean Architecture en el Frontend

Screaming Architecture

Frameworks

Tipos de renderizado: Server Side Rendering, Client Side Rendering y modos estáticos

Next.js, Nuxt.js, Astro, Remix...

Más allá del código

Monorepositorios vs. Multirepositorios

Flujos de trabajo en Git para trabajar en equipo

Objetivo: crear una plataforma web

Tendencias en la arquitectura

La mala fama de los monolitos

Microfrontends: ¿qué son y cuándo usarlos?

Backend for Frontend

Síguientes pasos

¿Cómo elegir mi arquitectura de frontend y framework?

¿Y ahora por dónde sigo?