FE Technical Challenges

FE Architect, Cross-Team Enablement, and Team Mentor.

Offering more than 25 years of experience delivering commercial web solutions using React, Angular, and Flex.

Top 3 Technical Challenges

  1. State Management & Change Detection
  2. Separations between UI and Business code                     
  3. Clear boundaries and APIs

Web Applications

Development Team

(aka Presentation and Logic)

Layered Development

Desired Separation of Concerns

Logic

Business Logic, Testable, 

Facades, Reactive Stores, View Models

Data

Stateless, Data Models

Data Services API

REST or GraphQL

Presentation

Reusable UI Components, Composed Business Views

Tailwind CSS + Routing

Public API

View Models: data + api

Reactive Store 

inside React Hook

Reactive Stores

#1 Best Architecture

LxP Reactive Store

Shared Business Logic

Concepts 

Nx SPA

LxP SPA