Florian Rappl – författare

Apply your experience of web development with HTML and JavaScript to build micro frontends for large-scale web projects using frameworks such as React and popular web tooling such as Node.js with Express or webpackKey FeaturesCut through the complexities of designing a monolithic web architecture using micro frontend architectureExplore architecture patterns for building large-scale applicationsLearn how to build, test, and secure your micro frontends efficientlyBook DescriptionMicro frontend is a web architecture for frontend development borrowed from the idea of microservices in software development, where each module of the frontend is developed and shipped in isolation to avoid complexity and a single point of failure for your frontend.Complete with hands-on tutorials, projects, and self-assessment questions, this easy-to-follow guide will take you through the patterns available for implementing a micro frontend solution. You’ll learn about micro frontends in general, the different architecture styles and their areas of use, how to prepare teams for the change to micro frontends, as well as how to adjust the UI design for scalability. Starting with the simplest variants of micro frontend architectures, the book progresses from static approaches to fully dynamic solutions that allow maximum scalability with faster release cycles. In the concluding chapters, you'll reinforce the knowledge you’ve gained by working on different case studies relating to micro frontends.By the end of this book, you'll be able to decide if and how micro frontends should be implemented to achieve scalability for your user interface (UI).What you will learnUnderstand how to choose the right micro frontend architectureDesign screens for compositional UIsCreate a great developer experience for micro frontend solutionsAchieve enhanced user experiences with micro frontendsIntroduce governance and boundary checks for managing distributed frontendsBuild scalable modular web applications from scratch or by migrating an existing monolithWho this book is forThis book is for software/solution architects or (mostly lead) developers as well as web developers and frontend engineers. Beginner-level knowledge of HTML and CSS along with a solid understanding of JavaScript programming and its ecosystem, including Node.js and NPM, is assumed.

Apply your experience of web development with HTML and JavaScript to build micro frontends for large-scale web projects using frameworks such as React and popular web tooling such as Node.js with Express or webpack

Key Features

Cut through the complexities of designing a monolithic web architecture using micro frontend architectureExplore architecture patterns for building large-scale applicationsLearn how to build, test, and secure your micro frontends efficiently

Book Description

Micro frontend is a web architecture for frontend development borrowed from the idea of microservices in software development, where each module of the frontend is developed and shipped in isolation to avoid complexity and a single point of failure for your frontend.Complete with hands-on tutorials, projects, and self-assessment questions, this easy-to-follow guide will take you through the patterns available for implementing a micro frontend solution. You’ll learn about micro frontends in general, the different architecture styles and their areas of use, how to prepare teams for the change to micro frontends, as well as how to adjust the UI design for scalability. Starting with the simplest variants of micro frontend architectures, the book progresses from static approaches to fully dynamic solutions that allow maximum scalability with faster release cycles. In the concluding chapters, you''ll reinforce the knowledge you’ve gained by working on different case studies relating to micro frontends.By the end of this book, you''ll be able to decide if and how micro frontends should be implemented to achieve scalability for your user interface (UI).

What you will learn

Understand how to choose the right micro frontend architectureDesign screens for compositional UIsCreate a great developer experience for micro frontend solutionsAchieve enhanced user experiences with micro frontendsIntroduce governance and boundary checks for managing distributed frontendsBuild scalable modular web applications from scratch or by migrating an existing monolith

Who this book is for

This book is for software/solution architects or (mostly lead) developers as well as web developers and frontend engineers. Beginner-level knowledge of HTML and CSS along with a solid understanding of JavaScript programming and its ecosystem, including Node.js and NPM, is assumed.

Enhance your web development projects by fully leveraging Node.js concepts, tools, and best practices at frontendKey FeaturesDiscover the internals of Node.js, focusing on frontend web developmentExplore the npm frontend ecosystem, including its tooling, usage, and development processesLearn about key web development concepts such as monorepos or publishing librariesBook DescriptionAlmost a decade after the release of Node.js, the tooling used by frontend developers is fully embracing this cross-platform JavaScript runtime, which is sadly often limited to server-side web development. This is where this Node.js book comes in, showing you what this popular runtime has to offer and how you can unlock its full potential to create frontend-focused web apps.You’ll begin by learning the basics and internals of Node.js, before discovering how to divide your code into modules and packages. Next, you’ll get to grips with the most popular package managers and their uses and find out how to use TypeScript and other JavaScript variants with Node.js. Knowing which tool to use when is crucial, so this book helps you understand all the available state-of-the-art tools in Node.js. You’ll interact with linters such as ESLint and formatters such as Prettier. As you advance, you’ll become well-versed with the Swiss Army Knife for frontend developers – the bundler. You’ll also explore various testing utilities, such as Jest, for code quality verification. Finally, you’ll be able to publish your code in reusable packages with ease.By the end of this web development book, you’ll have gained the knowledge to confidently choose the right code structure for your repositories with all that you’ve learned about monorepos.What you will learnDevelop a frontend application with Node.js-based tools and librariesUse bundlers such as webpack or Vite to create efficient web applicationsLeverage test runners such as Jest to ship reliable softwareOrganize code repositories to work in close collaboration with other developers and teamsFind out how to publish npm packages to simplify code reuseImprove code quality by enabling consistent formatting using PrettierWho this book is forThis book is for junior and intermediate-level frontend web developers who are looking to leverage the Node.js ecosystem for building frontend solutions. The book requires beginner-level knowledge of JavaScript, HTML, and CSS. Prior experience in using a standard shell (sh) will be beneficial.

Apply your web development experience with HTML and JavaScript to build micro frontends for large-scale web projects, independent of frameworks and tooling Key FeaturesCut through the complexities of designing a monolithic web architecture using micro frontend architectureExplore architecture patterns and their areas of use for building large-scale applicationsLearn how to build, test, and secure your micro frontends efficientlyPurchase of the print or Kindle book includes a free PDF eBookBook DescriptionThe organizational pattern of micro frontends allows you to split web applications into multiple parts, where each part can be owned by an autonomous team. Each team can have its own development and deployment life cycle, allowing every part of an application to be shipped in isolation. Following the strategies outlined in this book, you can avoid complexity while increasing resilience for your frontend. This updated second edition will guide you through the patterns available to implement a micro frontend solution. You’ll learn about micro frontends, the different architecture styles, and their areas of use. Then, you’ll learn how to prepare teams for the change to micro frontends, as well as how to adjust the user interface (UI) design and your CSS styles for scalability. Starting with the simplest variants of micro frontend architectures, the book progresses from static approaches to fully dynamic solutions that allow maximum scalability with faster release cycles. In the concluding chapters, you’ll strengthen the security level of your micro frontend solution, while reinforcing your overall knowledge with real-world case studies relating to micro frontends. By the end of this book, you’ll be able to decide whether and how micro frontends should be implemented to achieve high scalability for your web app.What you will learnUnderstand how to choose the right micro frontend architectureUse screen designs and isolated styles for compositional UIsCreate outstanding developer experiences for micro frontend solutionsIntroduce governance and boundary checks to manage distributed frontendsShare dependencies and expose micro frontends with module federationBuild scalable modular web applications from scratch or by migrating an existing monolithWho this book is forThis book is for software architects, lead developers, senior web developers, and frontend engineers. Beginner-level knowledge of HTML and CSS, as well as a solid understanding of JavaScript programming and its ecosystem, including Node.js and npm, is assumed.