https://patterns.exeal.com/tags/react/Recent content in React on Patrones — ExealHugoes-ESThu, 24 Sep 2026 00:00:00 +0000https://patterns.exeal.com/patterns/arquitectura-en-capas-para-frontend-react/Thu, 24 Sep 2026 00:00:00 +0000https://patterns.exeal.com/patterns/arquitectura-en-capas-para-frontend-react/<h2 id="problema">Problema</h2> <p>En una SPA React sin fronteras internas, todo tiende a mezclarse dentro del componente que renderiza la pantalla: la llamada a la API, el estado de carga/error, la lógica de negocio (qué pedir, cómo combinar resultados, cuándo revalidar) y el JSX que lo pinta. El resultado es un componente que solo se puede testear montándolo entero — con mocks de <code>fetch</code>, de router, de lo que haga falta — y donde no hay forma de reutilizar la lógica en otro sitio ni de darle una historia de Storybook sin resolver antes media aplicación.</p>