An overview of the core building blocks in frontend architecture and why separating concerns prevents unmaintainable code.
Components are the smallest, logic-less building blocks of a user interface, primarily containing HTML and CSS.
Containers hold the application's JavaScript logic, manage state, and compose multiple components to build complex features.
Higher-order components (HOCs) encapsulate and reuse UI-related logic, like a dialog's open and close functionality, across multiple containers.
Services isolate interactions with external dependencies like APIs or local storage into pure, UI-agnostic code modules.
The adapter pattern provides a consistent interface for services to interact with various third-party libraries, making them interchangeable.
Stores manage state that needs to be shared across multiple, non-hierarchical containers to avoid redundant API calls and ensure data consistency.
A final overview shows how components, containers, HOCs, services, adapters, and stores work together for a scalable and maintainable application.
Jobs that call for the skills explored in this talk.