Good software architecture is not only about choosing patterns or technologies. It is about understanding how boundaries, data structures, state management, and implementation choices influence a system as it grows. The course explores approaches such as modular front ends, unidirectional data flow, branded types, and well chosen data structures and shows how they can reduce coupling, prevent subtle errors, and make complex applications easier to understand and maintain. You will also learn how to evaluate architectural trade offs instead of introducing complexity simply because a technology or pattern is available.
Performance needs to be considered across the entire system, from SSR and hydration in the browser to CPU usage, task scheduling, data structures, and application architecture. The course combines practical examples with real world measurements to show how architectural decisions can affect responsiveness, scalability, and resource consumption. You will explore how to identify bottlenecks, choose efficient approaches, benchmark implementations, and validate performance improvements, while also learning where AI assisted development and agent oriented architectures can introduce new opportunities or unexpected costs.
Explore the Module, Façade, and Mediator patterns and learn how they can decouple complex front ends, improve testability, and make large JavaScript applications easier to maintain.
Understand Flux and unidirectional data flow and how predictable state management helps eliminate cascading updates and makes complex applications easier to debug.
Learn how server side rendering and hydration affect performance, interactivity, data transfer, and application complexity, and why SSR always involves architectural trade offs.
Discover how Branded Types in TypeScript create stronger domain boundaries and prevent subtle bugs caused by structurally identical values crossing semantic boundaries.
Build a practical toolbox of TypeScript data structures, including arrays, records, stacks, queues, linked lists, trees, and graphs, and learn how they affect performance, memory usage, and maintainability.
Compare service oriented and agent oriented architectures, explore migration strategies, and understand the trade offs around flexibility, reliability, orchestration, monitoring, and governance.
Examine an AI assisted development experiment across PHP, Python, JavaScript, Ruby, Rust, and Java, comparing runtime performance, developer experience, iteration speed, and end user performance.
Learn how browser task scheduling can improve responsiveness by deferring non urgent work and allowing the browser to prioritize user interactions.
See how agentic AI can accelerate full stack prototyping by generating APIs, database schemas, and React front ends, turning business ideas into testable proof of concepts in hours.
Explore performance optimization in practice and learn from a real world case of improving the performance of Immer.
Software architects and developers working on scalable software systems
Front end engineers dealing with complex application architecture and state
TypeScript developers interested in stronger domain models and data structures
Engineers responsible for application performance and responsiveness
design loosely coupled and maintainable architectures
establish predictable data flows and stronger domain boundaries
select data structures based on performance, memory, and maintainability
evaluate service oriented versus agent oriented architectures
Gil Fink
sparXys
Expert in: Front end architecture, state management, JavaScript, browser performance
Soumaya Erradi
Atlantis S.R.L.
Expert in: Server side rendering, hydration, TypeScript, domain integrity
Michael Dowden
Andromeda Galactic Solutions
Expert in: TypeScript, data structures, web development, software performance
Andrew Miller
QuCelerate
Expert in: Service oriented architecture, agent oriented architecture, system migration
Bohuslav Šimek
PeoplePath
Expert in: Programming languages, AI assisted development, performance benchmarking, technology selection
Laurie Lay
Ippon Technologies
Expert in: Agentic AI, full stack development, rapid prototyping, software architecture
Mark Erikson
Replay.io
Expert in: Redux, React, Immer, JavaScript performance, state management
Mit der Fullstack Membership greifst du auf alle entwickler.de-Inhalte zu — Live-Events, Tutorials, Kurse und deine Konferenzsessions inklusive.
Du bist bereits ein Fullstack Member? Dann logge dich auf entwickler.de ein und starte den Kurs. Jetzt einloggen