¿Qué es la Arquitectura en el Frontend?

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

Herald Flores

student•

Notas:

Arquitectura: es la estructura fundamental de una aplicación, se define en base a un conjunto de decisiones que se toman al inicio y durante el desarrollo de un proyecto. Se conforma una serie de patrones, reglas y buenas prácticas que guían el desarrollo de la aplicación.

La implementación de una arquitectura de software no es inmutable, pero puede ser difícil de cambiar sobre la marcha del proyecto. Se debe tener en cuenta los pros y los contras de está implementación, tomando decisiones de forma consciente y de la mejor manera.

Objetivos:

Pautas para desarrollar e iterar sobre la app, iniciando el desarrollo lo más pronto posible y de manera segura.
Mantenible en el tiempo, fácil de entender y extender.
Flexible y adaptable a los cambios.
Escalable
Fácil de testear, test automáticos
Fácil de desplegar
Fácil de aprender, que sea conocida por las comunidades.

Miguel Ángel Durán García

teacher•

Brutal! Muchas gracias por ese resumen!

Marcos Monteverde

student•

gracias

cesar fernandez

student•

Bro, eres un grande, siempre tu contenido en el formato que sea y en tus diferentes plataformas es lo maximo!! Siempre atento a tu contenido!! Espero pronto subas la biblia de react actualizado con mejores practicas, tips, y ese contenido de calidad que siempre aportas!! exitos... y como siempre gracias bro!!

Miguel Ángel Durán García

teacher•

Muchas gracias, Cesar!!! :)

Josue Jonathan Diaz Perez

student•

Es que neta, es Man de Miguel Ángel es una maravilla

Eliaser Alejandro Concha Sepúlveda

student•

¿Qué es una arquitectura?

La arquitectura corresponde a la estructura fundamental de nuestra aplicación, se define en base a un conjunto de decisiones se conforman una serie de patrones, reglas y buenas prácticas para guiar nuestro desarrollo. Estas decisiones aunque pueden ser inmutables, suelen ser difíciles de cambiar una vez que el proyecto está en marcha.

Entre los objetivos de una arquitectura frontend están:

Ofrecer pautas para desarrollar e iterar sobre nuestra aplicación de la manera más rápida posible.
Mantener la aplicación a lo largo del tiempo, es decir, fácil de entender y de extender.
Es importante disponer de una arquitectura que sea flexible y adaptable a los distintos cambios a través del tiempo.
Escalable, es decir, que se puedan incluir nuevos desarrolladores sin perder la coherencia del código. Que se puedan incorporar nuevas funcionalidades, sin que la aplicación se vuelva inmantenible. Entre otros casos.
Fácil de testear. Esto quiere decir que debemos probar nuestro código de manera sencilla y sin tener que hacerlo de forma manual, es decir, de forma automatizada.
Fácil de desplegar.
Ahorrar costes en el desarrollo y mantenimiento de la aplicación.
Fácil de aprender para otros desarrolladores y/o talentos.

Una arquitectura de software es una guía para el desarrollo y mantener la coherencia para construir una aplicación que cumple con los objetivos definidos.

Miguel Ángel Durán García

teacher•

¡Gracias por ponerlo en palabras! :)

Omar Noel Rodríguez Ocampo

student•

Una arquitectura de software no es una receta mágica... no es una herramienta que te va a permitir construir una aplicación perfecta... la perfección en el software no existe

Entendido y anotado✨

Miguel Ángel Durán García

teacher•

Y punto.

Juan Camilo Moreno

student•

La arquitectura en el frontend se refiere a la estructura y organización de los componentes y las tecnologías utilizadas para desarrollar aplicaciones web. Incluye decisiones sobre frameworks, patrones de diseño, manejo del estado, y cómo los diferentes elementos interactúan entre sí. Una buena arquitectura facilita la escalabilidad, el mantenimiento y la colaboración en equipo. En el desarrollo moderno, se consideran enfoques como microfrontends y patrones como el Backend for Frontend (BFF), que ayudan a optimizar la experiencia del usuario y la eficiencia del desarrollo.

Josué Alfredo Tomas Machaca Fajardo

student•

Si antes mucha de la inteligencia de negocio vivía en el backend, ahora vive en el frontend

Miguel Ángel Durán García

teacher•

O en ambos sitios. Lo más interesante es incluso poder compartir la misma lógica entre los dos.

Jesús Leon

student•

¿Qué es la Arquitectura en el Frontend? Es una Guía para ayudarte en el Desarrollo, para mantener una coherencia y que te va a ayudar a construir una aplicación que cumpla con los objetivos que te has marcado.

Juan José Jaramillo Cajamarca

student•

Hola midu! Excelente introducción, eres un gran profesor!

Miguel Ángel Durán García

teacher•

Gracias, Juan José!!!

Carlos Mauro Cárdenas Fernández

student•

ta bueno

Miguel Ángel Durán García

teacher•

🤗 Gracias, Carlos!

Johan Sebastian

student•

Arquitectura

Estructura fundamental de nuestra aplicación, en base a un conjunto de decisiones que tomamos al inicio y durante el proyecto.

Jorge Arias Argüelles

student•

La arquitectura en el frontend se refiere a la estructura y organización de una aplicación web en la parte del cliente. Implica decisiones sobre cómo se organizarán los componentes, cómo se gestionará el estado, la interacción con el servidor y la forma en que los datos fluyen a través de la aplicación. Un buen diseño arquitectónico facilita la escalabilidad, mantenibilidad y rendimiento de la aplicación. Además, se deben considerar patrones de diseño y frameworks que se adapten a las necesidades del proyecto, como los microfrontends, que permiten dividir la interfaz en componentes independientes.

Jonathan Blanco Hernandez

student•

Grande Midu!!

Elias Giannantonio

student•

Miguel Angel, Midu, eres un crack, tu manera de explicar es excelente en cada medio en el que veo tu contenido. Te mando saludos desde Argentina.

Marcos Monteverde

student•

hoy la lógica también vive en el frontend

Jose Barboza

student•

La arquitetura la estructura fundamental de nuestra aplicación en base de un conjunto de decisiones que se toman al inicio y durante el proyecto conformamos patrones y buenas practicas que nos guiaran durante el desarrollo.

¿Qué es la Arquitectura en el 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?