Talk
ngBeer Brno vol. 11 - with Julian Jandl and Christopher Holder
![ngbeer vol 11 - Chris & Julian - 2023](https://images.ctfassets.net/aj48k9r3ciml/0unl3dGGUzy2UA0J4BZjW/4a52c707ee1e7100ce643f2c7f6c9fcb/ngbeer11.png)
- Vojtech Mašek | FlowUp - Understand code import & export
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 exports styles do to the bundle size? We are about to find out.
- Julian Jandl | push-based.io - Virtual scrolling unveiled - High performance lists in Angular
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.
- Christopher Holder | push-based.io - Managing design systems with Storybook and Angular
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
bundle size optimization with Nx libraries
ESM
CJS