Micro Frontends for Mobile

on YouTube ↗37m

" summary

Shows a working React Native prototype that splits a single app into two independent JavaScript bundles (a dashboard and a remote), uses a modified CodePush flow to push each bundle over the air and the app updates live, and proves the idea with a demo where labels change without App Store updates. Uses Metro/React Native, notes bundle size doubles with each microfrontend, warns about native-code fragmentation, repeated JS dependencies, and recommends a module federation / federation runtime approach.

AI-written summary · about

" chapters (16)

1. 0:00Introduction and welcome
2. 1:06Speaker introduction
3. 2:09What are micro frontends for mobile
4. 3:10About the speaker and context
5. 4:33Client project and modularization
6. 6:20Micro frontends background and benefits
7. 8:27Mobile challenges with micro frontends
8. 12:59React Native and over-the-air updates
9. 16:55Live demo setup
10. 19:02Demo execution and updates
11. 21:48Webpack and module Federation in React Native
12. 23:37Future possibilities and challenges
13. 27:53Tech agnosticism and dependencies
14. 29:15JavaScript bundle duplication issues
15. 30:41Featur-driven design approach
16. 32:06Q&A introduction

" related talks

• 45mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Luxembourg 2023
• 36mMicro Frontends in Action!Peter Eijgermans · Voxxed Days Brussels 2023
• 17mReact Native MicroApp ArchitectureDilara Kırnapcı, Batuhan Tozun · React Native EU 2022
• 29mMicro Frontends, how to evolve to an extensible frontendBenjamín Martínez · JSConf Mexico 2020 Virtual Edition
• 21mEmbracing Micro-frontends: A Comprehensive Guide for Modern Web DevelopmentSainath Ramanathan · CityJS New Delhi 2024
• 01h 17mChallenges in Building Micro Front EndsVishal Kumar · Reliable Web Summit 2021
• 36mMicro Frontends - Breaking MonolithsBipul Kumar · Developer Summit 2020
• 50mBuilding Cross Platform Native Mobile Apps using React NativeWei-Meng Lee · Mobile Era 2017