🚂 Jump on the Microfrontend Express! 🚂

In this high-speed session, I will unveil the secrets behind a massive enterprise Micro Frontend app I developed for the Dutch Railway Company. This project aimed to revolutionise the user experience, which previously suffered from slow loading times and slow development cycles.

By adopting Micro Frontends, we achieved a dramatic improvement in 80% faster load times and users receive new features 40% faster. I'll showcase live coding, real-world challenges , and the magic of 'Native Model Federation' - A powerful approach for building Micro Frontends with efficient dependency sharing and modular component composition!

Unleash the Power of AI: Effortless Issue Summarization with OpenAI

Drowning in complex bug reports and lengthy GitHub issues? Spend less time deciphering and more time resolving them with our cutting-edge AI-powered Issue Summarizer tools.

This talk unveils two innovative solutions that leverage OpenAI's powerful capabilities:

App 1: Chrome Extension for Instant Summaries: Effortlessly summarize GitHub issues directly within your browser as you work. This seamless integration saves valuable time and boosts your productivity.
App 2: Programmatic Summarization with the Issue Summarizer API: Developers and integration enthusiasts can harness the power of AI through a robust API, allowing summaries to be generated programmatically for streamlined workflows and advanced use cases.

Azure Integration Patterns: BuildingRobust and Scalable Solutions with Logic Apps and Microfrontend

Join us for an exploration of Azure integration patterns, focusing on the synergy between Logic Apps and Micro frontends. This session will delve into architectural considerations, design principles, and implementation strategies for creating resilient and scalable solutions in the cloud.

Azure Integration Patterns: BuildingRobust and Scalable Solutions with Logic Apps and Microfrontend

Join us for an exploration of Azure integration patterns, focusing on the synergy between Logic Apps and Micro frontends. This session will delve into architectural considerations, design principles, and implementation strategies for creating resilient and scalable solutions in the cloud.

Azure Integration Patterns: BuildingRobust and Scalable Solutions with Logic Apps and Microfrontend

Join us for an exploration of Azure integration patterns, focusing on the synergy between Logic Apps and Micro frontends. This session will delve into architectural considerations, design principles, and implementation strategies for creating resilient and scalable solutions in the cloud.

Supercharging Your Web Applications with Micro Frontends and Azure Functions

Discover the perfect synergy between micro frontend architectures and serverless computing in this collaborative session by Azure MVP Michiel Hamers and Micro Frontend Specialist Peter Eijgermans. Learn how to leverage the scalability and flexibility of Azure Functions alongside micro frontend patterns to build modern, high-performance web applications.

Supercharging Your Web Applications with Micro Frontends and Azure Functions

Discover the perfect synergy between Micro frontend architectures and serverless computing in this collaborative session by Azure MVP Michiel Hamers and Micro Frontend Specialist Peter Eijgermans. Learn how to leverage the scalability and flexibility of Azure Functions alongside Micro frontend patterns to build modern, high-performance web applications.

🚂 Jump on the Microfrontend Express! 🚂

Join me on a thrilling journey through the heart of frontend architecture! 🚀
In this high-speed session, I will unveil the secrets behind a massive enterprise Micro Frontend app
which I have developed for the Dutch Railway Company.
Buckle up as we showcase live coding, real-world challenges, and the magic of 'Native Model Federation'. The future of Micro Frontends!

Our micro frontend-based project aims to revolutionise the user experience of the Dutch railway system. By adopting Micro Frontends, we sought to achieve agility, maintainability, better performance and improved developer productivity.
Now, with the addition of 'Native Model Federation', we’ll delve deeper into seamless data sharing and component composition.

We carefully sliced our application based on business domains with Domain Driven Design. Each Micro Frontend represents a specific functionality, such as the 'Emplacements viewer' for following all the trains in the Netherlands or showing planning data with the 'PlanViewer'.

One of the key aspects covered is establishing seamless communication between Micro Frontends, ensuring smooth collaboration and integration within the architecture.

I begin by sharing an engaging anecdote of my adventure with a Tiger (!) in Nepal, drawing parallels with the concept of monoliths that need to be overcome before embracing micro frontends.

Here is a video of an interview about it: Interview with Manfred Steyer https://www.youtube.com/watch?v=Saop6L0m7yc

State Management clarified: A Deep Dive into Redux, Context and Zustand

Join me for a fun and informative journey into the world of state management, where we'll unravel the mysteries of Redux, Zustand, Context. We'll dive into the core concepts, explore their unique strengths, and help you decide which one is the perfect match for your next web project.

With so many state management options, choosing the right one can be overwhelming. We'll provide you with the tools to make informed decisions, ensuring you select the perfect fit for your React project's needs.

Join me and transform state management from a daunting task to an exciting adventure, empowering you to build robust and scalable web applications with confidence. There is also time for live coding.

State Management clarified: A Deep Dive into NgRx and NgRx SignalStore

Join me for a fun and informative journey into the world of state management, where we'll unravel the mysteries of NgRx17 and NgRx SignalStore. We'll dive into the core concepts, explore their unique strengths, and help you decide which one is the perfect match for your next web project.

With so many state management options, choosing the right one can be overwhelming. We'll provide you with the tools to make informed decisions, ensuring you select the perfect fit for your Angular project's needs.

Join me and transform state management from a daunting task to an exciting adventure, empowering you to build robust and scalable web applications with confidence. There is also time for live coding.

Driving Effective Software Solutions: DDD and Micro Frontends

This talk explores the combination of Domain-Driven Design (DDD) and micro frontends for building impactful software solutions. DDD prioritizes the business domain, while micro frontends break down monolithic frontends into focused applications.

We discuss the core principles of DDD, emphasizing the use of bounded contexts, aggregates, and entities to model the business domain effectively. Micro frontends enable scalability and team autonomy by dividing the frontend into smaller, independent components.

By integrating DDD with micro frontends, teams can manage complexity, scale applications, and empower developers with domain expertise and autonomy. Real-world examples and best practices are shared to guide attendees in implementing these approaches effectively.

This talk equips participants with the knowledge to drive effective software development by leveraging the synergies between DDD and micro frontends. To conclude the presentation, he unveils a gigantic real-world microfrontend project he created for the Dutch Railways.

Peter will start the talk with how an unexpected encounter with a rhino during his cycling trip to Nepal led him to embrace the concept of micro frontends. You will definitely be surprised by what is on his head during the talk.....

State Management clarified: A Deep Dive into Redux, NgRx, Signal Store, Context and Zustand

Join us for a fun and informative journey into the world of state management, where we'll unravel the mysteries of Redux, Zustand, Context, NgRx, and Signal Store. We'll dive into the core concepts, explore their unique strengths, and help you decide which one is the perfect match for your next web project.

With so many state management options, choosing the right one can be overwhelming. We'll provide you with the tools to make informed decisions, ensuring you select the perfect fit for your project's needs.

Join us and transform state management from a daunting task to an exciting adventure, empowering you to build robust and scalable web applications with confidence. There is also time for live coding!

How to define a highly scalable folder structure for your Angular project

Finding a suitable directory structure for an Angular application is difficult. This becomes a real problem when the application gets bigger. You could end up adding new features all the time with no real structure. This makes it difficult to locate files and making changes to the folder structure is time consuming. In this session Peter introduces a folder and module structure that is future-proof and also applicable in larger enterprise projects.

React hooks by Example

Learn all about React and Hooks in this talk.
 During this talk Peter walk through the process of building an App with React.
 Important topics to be covered are: JSX, class and functional components, props, state, lifecycle methods, and the following hooks: useState, useReducer, useContext and useEffect. Finally he will explain how to create a custom hook in React. After this talk you’ll be able to combine these ideas in React’s modular programming style. Time for live coding!

Virtual Reality and Augmented Reality in the Browser

In this session you will learn how to implement Virtual reality and Augmented reality. We use Javascript and A-Frame for this. This session covers the following: - What is A-Frame and what are the basic steps. - How to implement VR in de browser. - and how to implement Augmented reality and implement hit-testing.

Web-based Virtual reality and Augmented reality with A-Frame

In this session you will learn how to implement Virtual reality and Augmented reality. We use Javascript and A-Frame for this.
A-Frame is a javascript framework for building virtual reality experiences that you can use right in your browser!
This session covers the following:
- What are examples of VR and Augmented reality.
- What is A-Frame and what are the basic steps.
- How to implement a VR experience in de browser.
- and how to implement Augmented reality and hit testing (time for live coding!)

Tesla’s Battery Range Calculator with Vue.js or ReactJS or Angular

Which one is your favourite: ReactJS or Vue.js or Angular? I will show you an application (Building Tesla’s Battery Range Calculator). Are you a Vue.js developer who wants to learn how to use ReactJS, or the other way around? Or are you a JavaScript developer? You’re welcome to this session. I have built the same application with Angular, ReactJS and Vue.js. By the end of the session, you should be able to answer these questions: • What is Functional Reactive Programming? • How to use Angular, React and Vue.js? What are the main differences between Angular, Vue.js and React?