Trainings Instructors FAQ Contact

Micro Frontends with Piral

Targeted at people with a basic understanding of micro frontends this workshop introduces you to the world of Piral - with everything you need to know to get started.

Some essential properties are shared by all of our offered workshops.

  • ✅ Condensed transfer of expert knowledge
  • ✅ Interactive session to ask questions and form discussions
  • ✅ Examples you can use as a blueprint and guideline for your projects
  • ✅ Lots of practical examples, step-by-step exercises, and live coding
  • ✅ Pair programming with the instructor
  • ✅ Designed by Dr. Florian Rappl

Goals

  • 🎯 Learning about the scope of the Piral framework - where it helps and where it does help
  • 🎯 Knowledge of domain decomposition strategies to scaffold new teams and micro frontends efficiently
  • 🎯 Being able to implement a large-scale micro frontend solution using Piral

Prerequisites

  • Some experience with React
  • Good knowledge of JavaScript

Location and Duration

  • Remote and In-House
  • 2 days

Upcoming Dates

2024 05.08. - 06.08. 8am - 4pm (CET)

Micro Frontends with Piral

Remote
English English
Florian Rappl
Book Now

Agenda

Theory block

  • Micro frontend patterns
  • Advantages and disadvantages

Guided work

  • What advantages do we see, and which ones are important for us?

Theory block

  • Domain decomposition · Loose coupling of frontend components

Guided work

  • Perform a domain decomposition in the context of a case study

Demo

  • Introducing the tractor web shop example
  • Code for the repository
  • using different patterns (server-side composition, client-side composition, spa-composition)

Theory block

  • Introduction to Piral
  • Writing pilets, i.e., micro frontends in the context of Piral
  • Extension slots and components

Guided work

  • Implementation of a pilet for the tractor shop

Theory block

  • Setting architecture boundaries
  • Preparing an app shell for distributed work

Guided work

  • Creating a new app shell
  • Shipping the emulator for developing new pilets

Theory block

  • Monorepo vs distributed repos
  • Working with multiple pilets simultaneously

Guided work

  • Creating a monorepo and scaffolding multiple new pilets
  • Debugging and maintenance of multi pilets

Conclusion

  • Comparison of the patterns with a check list
  • How does the Piral approach match the initial weights