Talk
ngBeer Brno vol. 11 - with Julian Jandl and Christopher Holder
Description
- 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
More from the speakers
What Is LCP And Why It Matters: Unlock Instant Page Experiences - Part 2
Part 2 is a practical walkthrough to diagnose and speed up LCP. Learn to read CrUX trends, profile in Chrome DevTools, preload critical assets, use srcset, defer third-party scripts, and code-split Angular bundles to turn red LCP into green.
What Is LCP And Why It Matters: Unlock Instant Page Experiences - Part 1
Largest Contentful Paint (LCP) is a Core Web Vital that shapes user perception of speed. This first part explains what LCP is why it matters for SEO and business, and how its phases affect site performance.
New Features for RxAngular - Native signal support & improved state configuration
The RxAngular team & community shipped great new features as well as quality of life improvements with the latest releases. In this blog post we'll dive into RxAngulars recently added new features, including the native support for signals.
