In my journey through nodeland, I always wonder about the cost of my abstractions.

I started a journey to write an HTTP framework with extremely low overhead, and Fastify was born. With its ability to reach an astonishing 90k requests/sec, Fastify can halve your cloud server bill.
In this talk, I will walk you through the basics of the framework: how to route requests, write tests, and use the plugin system.

As web developers, we sometimes work in isolation. Are the tools and techniques we're using outmoded? Are they best practices? Are we doing something cutting edge nobody else is doing? How do we know? One way is to survey over 7,000 developers and ask them, and that's what we did. Everything from languages and tools through frameworks to how the pandemic has changed your working life, I will give you a picture of what web development looks like in 2021.

In this session you will learn the most common anti-patterns I've seen in the past 7 years implementing and consulting multiple companies in their journey into the micro-frontends architecture
Either you are an expert or a newbie, in this talk you will learn how to structure properly your micro-frontends architecture.

In this live-coding session aimed at beginner frontend testers, Anna McDougall from Novatec Consulting GmbH explains how you can get started with E2E testing using the industry standard: Cypress. Watch your pre-programmed user login, fill out forms, and click through your app in double time right in front of your eyes. It looks amazing and saves you time; all while improving UX consistency. A win for you, a win for your users, and not at all difficult to implement!

Web Platform is developing fast. Too fast. Yesterday I used table layouts to make my website pixel perfect. Today I use flexbox and grid to make it adaptive. Tomorrow I will use cascading layers and container queries to be on the edge of technology.

But where can I find the info about all the new features available? Where can I look to the future?

Forms were not always a part of the web, in fact, they were only added in HTML2, and even to this day writing them feels like they are an afterthought.

Vest is an open source form validations framework inspired by the syntax and style of unit testing libraries. In this talk you'll learn how to easily validate your forms using Vest, making them easier to read, write and maintain in the long run.

This will be fast & furious! I will show you the fastest possible way to connect your Nuxt.js (Vue.js) project to the headless CMS and deploy it in seconds. You should know a thing or two about Nuxt.js, headless CMS in general or JAMstack as there will be no time to describe the concepts in detail. In the end, you will be furious how insanely good the JAMstack is!

There are so many discussions about web VS native apps. Will we get to the point where the Web becomes truly Native for the majority of the platforms? Progressive Web Apps, Project Fugu, WebAssembly & other technologies actively contribute to moving in this direction. In this session, we go through a list of details that make the integration of an application & operating system seamless, and map it to the APIs available for the web platform. With the knowledge of what's available today and what's coming soon, you are empowered to build truly Native Web Apps to deliver the best user experience!

Modern frontend applications want to efficiently query data on page load and navigate, format the data with TypeScript, and cache data between repeat requests. Setting that all up on your own is a chore... but with Apollo and Next.js, you can set up your client to auto-generate TypeScript types, cache query results intelligently, and generally be a breeze to work with.

Making sites load fast with current tech is out of reach for most. Builder.io is reinventing server-side generation and front-end frameworks by prioritizing time-to-interactive.

This radical approach is going to change how developers and frameworks approach the problem of initial interaction. The result is not only the highest Google PageSpeed Insight scores but also a user experience previously thought impossible.

In this session, you will see how this is achieved, and gain a peek into the future of frameworks.

TypeScript nowadays is the hottest trending JavaScript dialect and is becoming more and more popular in the community. We all know, the TypeScript key feature is the introduction of static typing in weakly-typed JavaScript. But that’s not for free!

Let's recap - why do we need types? What are the advantages and disadvantages of using TypeScript? What is its cost and what’s the impact of its adoption?

And then the trick: get the benefits of TypeScript without using it!

From loading Ajax requests in browsers to have full-blown frameworks; Javascript has come a long way. While moving stuff from backend to frontend the problems of backend are also ported. The Bigger the code gets bigger the problems, more dependencies, harder maintainability, eventually all the problems of a huge monolith.
With Microfrontends, we can break this monolith into smaller independent, maintainable apps.
Sounds good? Let’s see how in this talk.

A large bundle size is the biggest fear to any JavaScript developer, but who knew a large bundle size affects more than your user experience? A large bundle also means that the CO2 footprint of your website is also bigger, as larger bundles need more bandwidth and resources. In 2020 the average website was 4 times bigger than 10 years before, what are the climate effects of this? In this talk I'll show how your website is impacting the climate, and how you can (and should) change this.

Performing safe, pure refactorings is a skill that can make a big difference on your code maintainability. Hopefully, IDE like Jetbrains have automated a lot of them, in many languages.

But what if your text editor doesn't provide automated refactorings for your language?

Consider VS Code: it is increasingly popular, yet it misses most refactorings for JavaScript. However, you can customize VS Code through extensions.

Have you ever thought about creating your own?

In this session, I will show you how to build an extension that refactors JavaScript code for you! You'll learn how to manipulate the Abstract Syntax Tree (AST). Together, we will create, configure, package and publish your first VS Code Extension.

I was looking for a tiny and free ecommerce solution. Nothing special: just a simple product database, a way to handle the payment and that's it. Finding a solution was really hard. Most of the solutions come with a hundreds of features and ofcourse aren't for free.

Teini (tiny, [ˈtīnē]) is a extremely small open source webshop leveraging awesome and free solutions like Github and Vercel.

In this session I would like to show how Teini is build. Covering the following topics:

* Prisma(.js) as ORM and Typescript make the code so much cleaner and more maintainable.
* Nextjs with its data fetching strategies is a perfect fit for all ecommerce sites.
* Nextjs Image- and Font-Optimizations (I wrote about the image stuff on my blog: https://krey.io/blog/nextjs-image-component

And of course the whole thing is open source because I think open source is the feature for big and living software products. I would cover why this is important as well.

Wanna see some cool tricks with observables?
ToPromise, subscribe, switchMap, and others? Come and let's dive in the operators, subscriptions, and the cool stuff that happens when we use Observables.

Human health is complex - it's not something we can buy; it's something we have to earn! This exact approach goes for open source projects and their communities. A truly dedicated and loyal fanbase cannot be bought; it has to be nurtured. But what do we mean when we call a community and the open source project "healthy"? This question is what we are trying to answer at Facebook!

In this talk, we will look at the approach that Facebook Open Source team takes to measure the current state of Facebook open source projects, and how we use these metrics to prioritize and to direct our DevRel focus. Ultimately, we aim to show how by looking at information about your open source communities, your team can concentrate on the quality of the projects instead of only the quantity of repositories that you make public.

When the concept of Progressive Web Apps was introduced in 2016, the world of frontend development seemed changed forever. Websites could be ‘installed’ to devices and, better yet, they could be available offline! Surely, this would be the death of native? As we know, that isn’t exactly how things went. PWAs weren’t really able to live up to the ideology at the time. The groundwork was there but, as with everything else on the web, it was to be a slow process of incremental improvements.
Now, five years down the line, things are different. PWAs are truly installable, reliable, and capable. In this talk, we’ll look at how PWAs have matured over the years and just how capable they’ve become.

Requirements for Web applications have never been higher. Developers often have to invest in large monolithic applications with hundreds of thousands of lines of code or develop hundreds of applications which combined together provide consistent user experience.

In this talk, I'll share lessons for development at scale that I learned working with dozens teams at Google and external companies. We'll look into trade-offs for different source code organization strategies, efficient use of conformance, and architectural patterns for micro-frontends.

Data modeling is the process of figuring out how data should be represented and stored in your software system. Effective data models must balance between application needs, database performance characteristics and the structure of the data itself.
But why would you care about data modeling if you’re a frontend developer? Well, understanding how data flows through your application, will help you consume your backend API in a more efficient way.
In this talk, we’ll go through the basics of data modeling - from identifying relationships and cardinalities, to handling staleness and duplication. We’ll be discussing the data modeling methodology in the context of MongoDB, a NoSQL document database.

Typescript was created by Microsoft to help enterprise C# developers write OOP code in Javascript. For that reason, many typescript codebases look a lot like C# or Java code.
As a brown belt in functional programming, and a fan of the KISS principle, I try to use Typescript differently.
A functional Javascript programmer doesn’t have to use classes and interfaces. A combination of types and functions will do the trick.

The only reason developers are in demand is because they have learned the "language" to talk to computers. Yet I find so many of us struggle with "language" in conversations with people.

Come and discover an unconventional look at conversations, and the vital role it plays in your career and leadership.

Understand the 4 levels of listening, the power of our stories, and how to have difficult conversations with ease?

Learn how to build an ultra-secure role-based access control (RBAC) system in Angular & Node in a real-life budget manager application.

Testing is important: You probably already know that and so you do it yourself - or your dear testers do, at least. But as your project grows, this becomes more and more tedious - each of your changes can break something in your project without you noticing it. But chasing these side-effects with a checklist after every merge is no solution either. However, end-to-end tests only do what you tell them to do - so they don't look left or right. For example, styling errors can go unnoticed.

So what now? Visual testing compares the appearance of your application with a previous state. If changes become visible, you can react to them. So you or your testers have their eyes everywhere - without the need to check manually over and over again.

I've been using visual testing for a while now and it has saved my neck a few times. Let's take a look at my journey together and explore if and how visual testing can help in your projects as well.

One of the biggest user experience pinpoints on the internet is creating a username and password for every service you sign up for. Social sign on options like signing in with Google or Twitter have made things a little easier but with the unfortunate caveat of giving a large company all your accounts. The web3 space solves for this with the concept of wallets. In this talk we will go over how authentication in web3 works and how it improves the user experience by taking a look at how to connect with a wallet in a Next JS app and creating user accounts for your application.

The world of machine learning frameworks is complex. What if we can use the lightest framework for inferencing on edge devices? That’s the idea behind ONNX format. Attend this session and find out how to train models using the framework of your choice, save or convert models into ONNX, and deploy to cloud and edge using a high-performance runtime in javascript.

Cutting-edge tools are making it super easy to get an MVP up and running over an afternoon. We'll use Supabase, Stripe, Next.js, Tailwind, and a headless CMS to set up a fully-featured subscription-based course platform.