How we scaled the Frontend codebase with Micro Frontends at Personio | FRONTEND MADNESS
FRONTEND MADNESS Talk from 19.03.2021
A journey through Personio’s Frontend codebase - How we scaled our Frontend by migrating from a monolithic codebase to a micro-frontend architecture, providing autonomy to product teams and empowering engineers. A Talk by Frontend Engineer Swapnil Tiwari.
0:00 Introduction + Agenda
1)
1:19 The product - a complete HR solution
1:59 How we work in Product & Engineering
2:47 Tech stack and architecture
2)
9:07 What is a Micro-Frontend
11:05 Why Micro-Frontends
First Micro Frontend
12:07 Creating a Design System
13:46 Tooling for Micro-Frontends
3)
31:32 Ultimate Architecture Vision
32:47 Layout Service
36:32 The Frontend Layer
MFE orchestration
Blade Service
FRONTEND MADNESS is a tech community for frontend-lovers all across Germany. Want to join the community, learn and grow together?
→ FRONTEND MADNESS Munich on Meetup
https://www.meetup.com/frontend-madness-munich/
→ FRONTEND MADNESS Berlin on Meetup
https://www.meetup.com/frontend-madness-berlin
→ FRONTEND MADNESS Hamburg on Meetup
https://www.meetup.com/frontend-madness-hamburg
→ FRONTEND MADNESS Cologne on Meetup
https://www.meetup.com/frontend-madness-cologne
→ FRONTEND MADNESS Frankfurt on Meetup
https://www.meetup.com/frontend-madness-frankfurt
→ FRONTEND MADNESS Stuttgart on Meetup
https://www.meetup.com/frontend-madness-stuttgart
Видео How we scaled the Frontend codebase with Micro Frontends at Personio | FRONTEND MADNESS канала MADNESS Tech Community
A journey through Personio’s Frontend codebase - How we scaled our Frontend by migrating from a monolithic codebase to a micro-frontend architecture, providing autonomy to product teams and empowering engineers. A Talk by Frontend Engineer Swapnil Tiwari.
0:00 Introduction + Agenda
1)
1:19 The product - a complete HR solution
1:59 How we work in Product & Engineering
2:47 Tech stack and architecture
2)
9:07 What is a Micro-Frontend
11:05 Why Micro-Frontends
First Micro Frontend
12:07 Creating a Design System
13:46 Tooling for Micro-Frontends
3)
31:32 Ultimate Architecture Vision
32:47 Layout Service
36:32 The Frontend Layer
MFE orchestration
Blade Service
FRONTEND MADNESS is a tech community for frontend-lovers all across Germany. Want to join the community, learn and grow together?
→ FRONTEND MADNESS Munich on Meetup
https://www.meetup.com/frontend-madness-munich/
→ FRONTEND MADNESS Berlin on Meetup
https://www.meetup.com/frontend-madness-berlin
→ FRONTEND MADNESS Hamburg on Meetup
https://www.meetup.com/frontend-madness-hamburg
→ FRONTEND MADNESS Cologne on Meetup
https://www.meetup.com/frontend-madness-cologne
→ FRONTEND MADNESS Frankfurt on Meetup
https://www.meetup.com/frontend-madness-frankfurt
→ FRONTEND MADNESS Stuttgart on Meetup
https://www.meetup.com/frontend-madness-stuttgart
Видео How we scaled the Frontend codebase with Micro Frontends at Personio | FRONTEND MADNESS канала MADNESS Tech Community
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Data scientist on modeling with scientific data | DATA MADNESS | Interview: Andrés González](https://i.ytimg.com/vi/IPAfcl-Ae7Y/default.jpg)
![Fighting Misinformation with Data Science | DATA MADNESS](https://i.ytimg.com/vi/0MTf-y1qviE/default.jpg)
![Safer surgeries with artificial intelligence | DATA MADNESS | Talk by Florian Aspart](https://i.ytimg.com/vi/tLI796ED9NY/default.jpg)
![Design driven companies dominate today’s business world | PRODUCT MADNESS | Speaker Dominic Gantz](https://i.ytimg.com/vi/6r79-ZCfISU/default.jpg)
![Hypothesis-based Product Management | PRODUCT MADNESS | Talk by Tobias Rieth, Senior PM @SoundCloud](https://i.ytimg.com/vi/dL2Zgzr3CwQ/default.jpg)
![Design Maturity Scale — from Level 0 to the Ultimate Goal | PRODUCT MADNESS](https://i.ytimg.com/vi/kcwV-5SIpHQ/default.jpg)
![Accelerating Research and Development with A.I. | DATA MADNESS | Talk by Andrés González Padilla](https://i.ytimg.com/vi/PudwrF3M9-M/default.jpg)
![Senior Frontend Developer on the importance of performance | FRONTEND MADNESS](https://i.ytimg.com/vi/GnViU4HGBM0/default.jpg)
![The Product Management Skill Matrix | PRODUCT MADNESS](https://i.ytimg.com/vi/SRCgUZhBfnk/default.jpg)
![Why Relational Learning matters | DATA MADNESS | Talk by Dr. Patrick Urbanke](https://i.ytimg.com/vi/Wu-01OP9ECQ/default.jpg)
![An efficient and economical approach to frontend testing | FRONTEND MADNESS](https://i.ytimg.com/vi/3u6dxYUd7J8/default.jpg)
![How an issue with renting a flat turned into a project | DATA MADNESS | Interview: Danil Konovalov](https://i.ytimg.com/vi/rNnvNvojvCI/default.jpg)
![Managing up to 1 million Kubernetes Clusters | CLOUD MADNESS | Talk by Bastian Hofmann](https://i.ytimg.com/vi/p-qTXmOjf-o/default.jpg)
![Product Coach talks about management roles | PRODUCT MADNESS | Speaker Interview: Markus Müller](https://i.ytimg.com/vi/CQtiYp2_Va8/default.jpg)
![Micro Frontends made simple | FRONTEND MADNESS | Speaker: Swapnil Tiwari](https://i.ytimg.com/vi/2qlMKpptSok/default.jpg)
![Data science & the war for flats on the rental market | DATA MADNESS | Talk by: Danil Konovalov](https://i.ytimg.com/vi/gEWKGEp5o3g/default.jpg)
![Clean Content & Happy Users | DATA MADNESS](https://i.ytimg.com/vi/13h6r2335jc/default.jpg)
![Frontend Monitoring – know-how for every developer | FRONTEND MADNESS | Talk by Shilpa Patwary](https://i.ytimg.com/vi/GKzCvD_gL-4/default.jpg)
![Senior Product Manager from SoundCloud on Hypothesis-based Product Management | PRODUCT MADNESS](https://i.ytimg.com/vi/kyOi-oAmza8/default.jpg)
![Power of Data Product Management | DATA MADNESS | Talk by Robert Keil](https://i.ytimg.com/vi/jXxRLzlg1p0/default.jpg)
![Field Engineer about managing 1Mio. Kubernetes Clusters | CLOUD MADNESS | Interview: Bastian Hofmann](https://i.ytimg.com/vi/uOgMnkinXWA/default.jpg)