Globant development week, Micro Frontends are derived from Microservices approach.

1. Micro Frontend
Frank Torres - Web UI Developer

2. Creo en el poder que tenemos los desarrolladores para
generar disrupción en el mundo.
Adicto al fútbol, cafeinómano y lector empedernido.

3. Front end is becoming bigger and getting more importance.

4. We are building Monolithic applications.

5. Web development, the present.
Image: https://micro-frontends.org/

8. Single responsibility principle
It is a computer programming principle that says that every module or class should
have its own responsibility over a functionality.
“One reason to change” Robert Martin
It is the S in the SOLID principle

9. Micro Frontends are derived from Microservices approach.

10. Micro Frontends represent a SPA builded by a group of features where each of
these are developed, tested and deployed independently.

11. Principles
Technology agnostic
Isolate Team Code
Teams iterate at their own pace

12. The basic
Bundle at update
Shared codebase, pure javascript, to manage routing and some css
Separate modules
“mini-apps”
Deployment system
To bundle all the modules together

13. Image: https://micro-frontends.org/

14. Challenges
The UI have to look and feel consistent
The separation of concerns isn’t always as clear as it is for backend services
Share dependencies
Complex integration
Initial down time can increase.
Communication between services

15. Benefits
Scale large application
Use new technologies in a current production application.
Independent development
Independent deployment
Reduce risk of bugs
Easier testing
Easy to integrate new members

16. Approaches
IFrames: Window.postMessage APIs
Libraries
Web components

17. Success
Spotify
Upwork
Thougworks

18. Inspiration
● https://www.youtube.com/watch?v=rCxj-ONZmxs
● https://www.youtube.com/watch?v=7MHsPfoonqs&t=2054s
● https://micro-frontends.org/