Architect's Guide to Frontend Frameworks

Explore the architectural concepts behind modern frontend frameworks in this comprehensive conference talk from Devoxx Poland 2019. Delve into the evolution of web development, examining the challenges faced by solution architects and developers in making informed project decisions. Gain insights into the patterns and architectural decisions underlying major tools, moving beyond classical Object-Oriented and Imperative Paradigms. Discover how emerging tools address issues of performance, design, and complexity through Inversion of Control and declarative coding. Journey through key concepts in the JavaScript ecosystem, including view re-rendering strategies, view-as-a-function, UI reactivity, push-based control-flow, client application state management, and microfrontend architecture. Ideal for web developers and those interested in architectural problem-solving, this talk focuses on the foundational concepts rather than specific frameworks, covering topics such as jQuery problems, Dependency Injection, Data Binding, React Components, Virtual DOM, state management, Redux, Event Sourcing, Angular Modularity, and Reactive Extensions.

Introduction
Motivation
Who am I
The most important difference
jQuery
jQuery Problems
Dependency Injection
Data Binding
Digest Cycle
React Components
React Changes
Component Architecture
React Virtual DOM
How does React work
The diffing algorithm
Reactive
immutability
state management
Redux
Singletons
EvenSourcing
What if
Angular
Modularity
JavaScript
Angular Components
Chain Detection
JavaScript Limitations
Good Ideas
Reactive Extensions
Key takeaways