Shedrack Akintayo

Decoupling 101 - Why decouple, when not to, progressive decoupling and success stories in decoupling

When does a decoupled architecture create more problems than it solves? Learn the key trade-offs and when to avoid this popular pattern.

Decoupling 101 - Why decouple, when not to, progressive decoupling and success stories in decoupling
#1about 6 minutes

Understanding the basics of decoupled architecture

A decoupled architecture separates the backend content management system from the frontend presentation layer, which communicate via an API.

#2about 5 minutes

Deploying decoupled applications with Platform.sh

Decoupled applications can be deployed using a multi-app configuration in a single repository with separate subdirectories for the frontend and backend.

#3about 6 minutes

Exploring the advantages of decoupling your application

Decoupling enables focused teams, expands the hiring pool to more JavaScript developers, and allows for interchangeable frontends for different devices or audiences.

#4about 5 minutes

Considering the disadvantages and challenges of decoupling

The drawbacks of decoupling include the effort to build an abstract API, increased testing and security overhead, and the risk of team isolation.

#5about 5 minutes

Introducing progressive decoupling as an alternative strategy

Progressive decoupling involves layering a JavaScript framework on top of an existing monolithic frontend, balancing developer needs with content editor workflows.

#6about 4 minutes

Real-world success stories of decoupled architecture

Case studies from a film festival and a SaaS provider demonstrate how decoupling enabled flexibility, faster updates, and better user experiences.

#7about 12 minutes

Deciding when and how to decouple your projects

Key questions are answered regarding project size, migrating existing apps, security overhead, and choosing a frontend framework for a decoupled setup.

Related jobs
Jobs that call for the skills explored in this talk.

job ad

Saby Company

Saby Company
Delebio, Italy

Remote
Intermediate
Node.js

Matching moments

The evolution of modern web development
04:34 MIN

The evolution of modern web development

Angular Unleashed: Mastering Modern Web Development with Angular

Separation of concerns versus modern web frameworks
05:23 MIN

Separation of concerns versus modern web frameworks

WeAreDevelopers LIVE - Performance and AI?, Social Media decline, Developer Events and more

Strategies for decoupling code from the monolith
02:32 MIN

Strategies for decoupling code from the monolith

Destructuring Frontend monoliths with MicroFrontends

Evaluating the advantages and disadvantages of decoupling
03:20 MIN

Evaluating the advantages and disadvantages of decoupling

Un-complicate authorization maintenance

Deconstructing the monolith into independent applications
04:34 MIN

Deconstructing the monolith into independent applications

Independently together: how micro-applications improve developer experience + app performance

Audience Q&A on practical micro-frontend challenges
13:10 MIN

Audience Q&A on practical micro-frontend challenges

Micro-frontends anti-patterns

Decoupling applications with Dapr building blocks
05:09 MIN

Decoupling applications with Dapr building blocks

Dapr in Practice

Combining micro frontends with an islands architecture
08:02 MIN

Combining micro frontends with an islands architecture

Multiple Ships to the Island - Micro Frontends & Island Architectures

Featured Partners

Related Videos

See all videos
Multiple Ships to the Island - Micro Frontends & Island Architectures59:03

Multiple Ships to the Island - Micro Frontends & Island Architectures

Florian Rappl

Destructuring Frontend monoliths with MicroFrontends41:49

Destructuring Frontend monoliths with MicroFrontends

Trishul Goel

Front-End Micro Apps35:17

Front-End Micro Apps

Serg Hospodarets

Meet Your New BFF: Backend to Frontend without the Duct Tape51:04

Meet Your New BFF: Backend to Frontend without the Duct Tape

Noam Honig

Snappy UI needs no Single-Page Application40:24

Snappy UI needs no Single-Page Application

Clemens Helm

Independently together: how micro-applications improve developer experience + app performance28:05

Independently together: how micro-applications improve developer experience + app performance

Bilal Cinarli

Microfrontends at Scale43:20

Microfrontends at Scale

Josh Goldberg

petite-vue - Progressively enhancing every application?44:40

petite-vue - Progressively enhancing every application?

Alexander Lichter

Related Articles

View all articles
CH
Chris Heilmann
Dev Digest 136 - No JS(on) of mine
News and ArticlesDouglas Crockford is our featured video, so let's talk about evolving JavaScript and all things JSON. Judicious JSON explains all the weird things in it, you can learn why it can be incredibly slow, people wonder what even is a JSON ...
Dev Digest 136 - No JS(on) of mine
CH
Chris Heilmann
Dev Digest 134 - Where pixels sing?
News and ArticlesWeAreDevelopers LIVE Data and Security Day is on Wednesday, 25/09/2024. Learn about OPC UA Updates, Best Practices for Using GitHub Secrets, Passwordless Web 1.5, Emerging AI Security Risks, Data Privacy in LLMs and get a chance to t...
Dev Digest 134 - Where pixels sing?
CH
Chris Heilmann
WeAreDevelopers LIVE days are changing - get ready to take part
Starting with this week's Web Dev Day edition of WeAreDevelopers LIVE Days, we changed the the way we run these online conferences. The main differences are:Shorter talks (half an hour tops)More interaction in Q&AA tips and tricks "Did you know" sect...
WeAreDevelopers LIVE days are changing - get ready to take part

From learning to earning

Jobs that call for the skills explored in this talk.