Why LIT is 🔥

Every day a new JavaScript library is born, every week a new framework arrives and every month a front-end developer needs to rewrite a date picker 😢

LIT is a modern library for creating component libraries, design systems but also sites and apps.

LIT components are web components and as such work anywhere you use HTML.

In this talk Lucien will show what makes LIT be on fire! Web components and their interoperability combined with template literals for templating and adding just enough sauce for reactivity and other boilerplate utils to keep the overhead as low as 6KB (compressed and minified).

In short:

Web components
(template) Literals
Modern tooling
Close to the platform
Evolves with the platform
Even shorter:

"it's on fire!"

30 minute session, target audience needs to know about JavaScript. Web components and CSS variables are a pre. Not suited for JavaScript Framework specific conferences; or perhaps it is :)

Unlocking Seamless Collaboration: Design-First APIs for UI Components

In the ever-evolving world of software development, teams grapple with a fundamental challenge: collaboration. Some teams have complete control over their user interfaces (UI), while others navigate the intricate dance between front-end and back-end developers. But why does collaboration remain an elusive goal? Shouldn’t it be simpler?

Imagine this: treating UI components as if they were APIs. Just as we meticulously design APIs before diving into implementation, let’s apply the same principle to components. Picture this: complex components—think interactive maps, ordering systems, and payment options—encased in a black-box with a well-defined API. Now take it a step further. Extend this approach to both back-end and front-end frameworks. The result? A harmonious symphony of development, where seamless collaboration becomes the norm.

So, let’s embrace the power of design-first thinking. Let’s redefine how we build, share, and collaborate. Because when components come with their APIs preordained, magic happens!

Real end-2-end observability

In a world where user experience is everything, end-to-end observability offers unparalleled insight into the performance of your entire architecture, beyond cloud services, including infrastructure and in-browser metrics. As an integrated cloud-native system, it enables developers to monitor every step of user interactions and system processes. This results in faster problem identification and resolution, leading to a smoother and more reliable application.

End-to-end observability goes beyond just monitoring the front-end. It integrates all components of your system, from the user interface to the back-end services, into one cohesive whole. This means you can not only see what goes wrong but also understand why it goes wrong and how to fix it. By leveraging advanced monitoring tools and techniques, you can proactively detect and resolve issues before they impact the user experience.

In this session, Lucien will discuss the key concepts and benefits of end-to-end observability. He will show you how to implement this approach in your own projects and which tools and techniques you can use to get the most out of your observability strategy. Whether you are a developer, a system administrator, or a product manager, this session provides valuable insights and practical tips to improve the performance and reliability of your applications.

New browser capabilities that you can use today!

The year 2024 brought a wave of new possibilities in the web platform, due to the baseline initiative. All major browser vendors worked on the same capabilities. From enhanced security features to powerful new APIs, these innovations are ready to elevate your web development to the next level. Discover how you can implement these tools today to improve your projects.

In this session, Lucien will discuss some of the key new features and tools of the web platform that you can use today. He will show you how to integrate these innovations into your existing projects and what benefits they offer for both developers and end-users. Ditch that bloated JavaScript solution to position a tooltip or to show a modal, the browser can do that for you. As neat bonus you will get accessibility out of the box for free!

Fully server-side rendered web apps

Single Page Applications (SPAs) have their advantages, but they also bring complexity and performance issues. By returning to server-rendered pages and utilizing modern view transitions, you can combine the simplicity and speed of traditional web pages with the smooth experience of a web app.

SPAs can lead to longer load times, SEO challenges, and increased complexity in managing the application. Server-rendered pages offer a solution by reducing initial load times and improving overall performance. With the latest techniques for view transitions, you can also create a seamless and fluid user experience reminiscent of an SPA, including video that keeps on playing even if you navigate to a new page!

In this session, Lucien will discuss the benefits of server-rendered pages and show you how to implement modern view transitions to provide a web app-like experience. He will share practical examples and best practices to help you transition from SPAs to server-rendered pages.
Thank you client-side state management but it's time to move on!

Accessibility; beyond the tools

With the European Accessibility Act (EAA), it is becoming increasingly important to develop software that is accessible to everyone. While there are tools available to help improve accessibility, they often provide a skewed view of what is truly needed. It requires a fundamental shift in the organization's mindset. In this talk, Lucien will not only cover some of the available tools but also what is needed to create a culture of accessibility within your team and organization, ensuring your software is genuinely usable by everyone.

Digital accessibility goes beyond implementing tools. It demands a holistic approach that encompasses all aspects of development and design. This means considering accessibility from the very beginning and integrating it into every phase of the development process. By embracing a new mindset, you can ensure your software not only meets legal requirements but is truly accessible to all users.

In this session, Lucien will discuss the key principles and strategies to enhance digital accessibility. He will discuss what you can do to create a culture of accessibility within your organization and the steps you can take to achieve this. We all benefit from more accessible websites and web applications!