Project Fugu: Extending the web

Cross platform software development is hard. Not all APIs are available or compatible on all platforms and you might end up with 3 implementations for the same feature.
With PWA this changed and it's still changing. With Project Fugu more APIs become available to the web platform,
APIs that can really close the gap between web and app, that is if the platform allows it...

The story behind JSMusicDB

When I bought my NAS I was happy with everything *except* for the music player. Can't the web be an awesome music player?
I do like to control my own music library, on my NAS. I started with JSMusicDB which has been an Electron app, a Cordova app and always a PWA.
I learned a lot by developing this music player and it's time to share some of that knowledge with you!

By embracing the web platform and it's capabilities JSMusicDB evolved in features but reduced in size. GZipped it's only 80KB and that includes the libraries needed for web components, colour detection, fuzzy search and much more.

In this talk I will cover topics such as
- fighting the platform (electron, Cordova) vs embracing the platform (PWA, web components)
- proprietary APIs (NAS) vs widely used technologies (Docker)

One Web Component a day keeps the doctor away

Ever built a UI library? Did you ever had to rewrite it so it can be used with a different library? Ever had to port that perfect date-picker just because it was written in jQuery and not React?

Let's talk about web components and how they help to build scalable and maintainable applications. Do you need to replace your whole front-end stack with web components or can you replace bit by bit? Spoiler: it's the latter.
Ever wondered if they play well with Angular, React or Vue?
Why would you consider web components and when can you safely ignore their existence?
Join me and find out!

Cloud for Front-end

What do front-end development and cloud technology have in common? YOU! Automate your build, test, deploy and run tasks in an integrated environment or just prebuilt services so you can finally go back to doing the cool things: front-end development.

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!