ngBeer Brno vol. 11 - with special guests Julian Jandl and Christopher Holder

Our dearest Angular enthusiasts,

we're back again, happy to tell you that we will be able to celebrate this year's autumn together, in person, holding a beer and discussing some Angular stuff.

Kickstarting the event with the announcement of two (Angular) world-known speakers, we have to admit that this evening starts to sound really promising to us.

Speakers & talks

1. Vojtech Mašek | FlowUp - Understand code import & export

About the talk

Organizing code into files is crucial. Once in files, you need to import. More files? Libs are becoming useful, but do you know what different export styles do to the bundle size? We are about to find out.

topics: import & export, ESM, CJS, bundle-size, Nx libs

Talks wraps up experience of bundle size optimalization with file import structure organization and Nx libraries use-cases from import boundaries, avoiding cyclic dependencies to impact of different export strategies on your bundles.

About Vojtech

I'm Director of engineering and co-founder of FlowUp, where I lead multiple development teams. My expertise is software engineering, front-end architecture and agile development. I've been using Angular since its pre-release stage.

2. Julian Jandl | push-based.io - Virtual scrolling unveiled - High performance lists in Angular

About the talk

In this talk, I’ll take you on a journey through the fascinating landscape of virtual scrolling in Angular, a powerful technique that can greatly improve the performance and user experience of your web applications. We will shed light on the general concept of virtual scrolling, compare different approaches and implementations in the Angular universe.

As we focus on performance benefits and use cases where this technique truly shines, we'll also dive into important topics such as anchor scrolling, DOM recycling, and tombstone rendering. We will explore their roles in creating highly optimized and efficient virtual scrolling solutions and compare different approaches. Moreover, we'll discuss the challenges faced when implementing virtual scrolling in Angular and share valuable insights on overcoming these hurdles.

To top it all off, I will provide a live demo showcasing a particular implementation, giving you a clear understanding of how to apply these concepts in your own projects. This talk is designed to spark your curiosity and expand your JavaScript & Angular knowledge, making it the perfect opportunity for developers looking to enhance their skill set and create cutting-edge web applications.

About Julian

Julian is Lead Performance Engineer, Trainer & Consultant at Push-Based.io. As a webperf enthusiast, he loves experimenting with cutting-edge technologies to improve the speed of the web at scale. Julian is conducting performance audits for existing applications, fixing performance bottlenecks and teaching about webperf & angular in workshops.
As an RxAngular core maintainer, he is contributing his knowledge to the community.

3. Christopher Holder | push-based.io - Managing design systems with Storybook and Angular

About the talk

One of the largest challenges about working with applications with multiple labels and themes is maintaining a consistent Design System.
We will take a deep dive into how Storybook can be used to maintain a consistent design system though all the labels and themes. Moving forward we will learn how the design system can make it easier for new developers to make changes without deep knowledge of the application. Then we will see how a storybook helps us easily maintain documentation and testing.
As a bonus you will learn how to automate the conversion of changes from Figma to the code in the design system.

🎯 Takeaways
- A in depth understanding of Design Systems with Storybook
- Automating visual regression testing
- Integrating visual change request and approval into the CI
- Handling multi-label themes
- Secret trick to automatically convert changes from figma to css

About Christopher

Christopher is a Full Stack Engineer at push-based.io. He does consulting and auditing on Angular applications to help companies optimize their application architecture and performance as an Open Source contributor he collaborates on projects that help make the web faster and speed regression by making testing performance easier and scalable.

The door opens at 18:00
Start of the first talk: 18:30
Where: Kavárna Trojka, Dominikánská 9, Brno

Beer & refreshments included!

Fb link: https://www.facebook.com/events/842870200403163

Looking forward to seeing you on Thursday, October 26th.

Your FlowUp