Angular Wrocław #36

18:05 - 18:10 - welcome and start of the meetup

18:10 - 18:40 - Markus Nissl - An Insight into Modern Design Systems with Angular

18:40 - 18:45 - break

18:45 - 19:15 - Julian Jandl - Virtual Scrolling Unveiled

19:15 - 19:45 - break

19:45 - 20:25 - Vojtech Masek - Understand code import & export

20:25 - 21:00 - Networking & Q&A

Markus Nissl - "An Insight into Modern Design Systems with Angular"

At a time when design and development are becoming increasingly closely interlinked, design systems pave the way for optimal interaction. Learn how design tokens serve as the foundation and are established in the current W3C draft, how design tokens from Figma can be seamlessly transferred to component libraries, and how Storybook revolutionizes the documentation and testing of UI components. But the true value of a design system? The fluid interaction of all elements and the active involvement of designers in the development process. Be inspired by the power and potential of modern design systems and gain valuable inspiration for your next Angular project.

Julian Jandl - "Virtual Scrolling Unveiled"

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.

Vojtech Masek - “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 export styles do to the bundle size? How do they affect performance? We are about to find out.