Micro Frontends - Devops POV

Transcript

1. Micro Frontends DevOps POV
2. Avi Zurel
3. @KensoDev
4. A bit of motivation The 4 minute mile https://en.wikipedia.org/wiki/Four-minute_mile
5. A bit of motivation Roger Banister 1954 3:59.4 https://en.wikipedia.org/wiki/Four-minute_mile
6. New Benchmark!
7. Be successful!
8. Application Templates
9. Application Templates - Most presentation pitch you Angular and React together. Don't do that - Application should look *The same* - Templates for actions/components/css - src/lib for extraction candidates - Internal libraries - Decision on libs - Axios vs Fetch - Css next vs SCSS App X should *feel* like App Y
10. CI configuration
11. CI config - All application should have the same CI configuration. - npm run build:prod - npm start - npm run lint - etc...
12. Nginx config
13. Nginx / Web server - /configs/{}.json proxies to local configuration files - Application configuration should be dynamic. Applications are promoted through environments transparently. - Caching of JS/CSS images etc..
14. Logging and monitoring
15. Logging - Decision on logging format - Instrumentation how/why? - Statistics and usage
16. Modules loading
17. Modules loading - Whatever you choose should be consistent. - You can choose a manifest and load JS files from endpoints of have iframes that will use native history. - Loading of modules should be fail- safe. No app should bring the system down
18. Releasing
19. Releases - Releasing an application should be as easy as building on CI and having a ready-made module - You can promote/remove from the manifest at any given time.
20. WRITE EVERYTHING DOWN
21. Questions?
22. Thank You!