While you await the change in weather with freshly brewed coffee in your hands, this edition will add a fresh start to the day with articles on Micro Frontends.
Meet Freyr, this month's curator
Freyr is a full-stack software developer and scrum enthusiast with a passion for creating the best developer experience within and across teams. He has experience in building scalable and performant web services with a wide set of technologies and approaches. One of his recent approaches that have paid dividends in developer experience, performance, and scalability is leveraging the benefits of a monorepo and the micro frontend architecture.
In this extensive article, Cam Jackson describes the micro frontend architecture but moreover how the architecture can increase the efficiency and effectiveness of teams working on front-end code. He also covers some of the available implementation options and uses a practical example project to demonstrate the techniques as well as considering benefits, costs, and the gotchas when it comes to testing, styling, and both backend and cross-application communication.
In this talk from JSWORLD Conference USA, Luca Mezzalira, a principal solutions architect from AWS, provides his great insights on what micro frontends are and their key principles. Luca presents a decision framework as a mental model that will allow you to define and compose any micro frontends architecture based on a few key pillars and cascade all the other decisions.
Nx takes monorepo style development, which is used at major tech companies such as Google, Facebook and Microsoft and makes it available to everyone. In this free hands-on playbook, the instructor Isaac Mann uses Nx to create an app that has a store site using Angular, a review site using React and an API using express.
In this blog post, RareČ™ helps developers deploy their monorepo as micro frontends to Netlify making sure only apps that are affected by the change being introduced are built and deployed. Although this blog post uses React and Netlify, it provides a practical understanding of how developers might compose micro frontends at the server or network level and that knowledge can be used with different hosting providers as the build framework Nx is quite flexible and has build plugins for other providers besides Netlify.