Come for React, stay for Brunost.

Signup at the desk and get your coffee and your swag pack.

Indroductionary talk about the conference.

The web has grown increasingly visual, from product images to NFTs, but not paying attention to media delivery can create a bad UX, hurting conversion and sales with slow pages. Colby Fayock will talk about effectively leveraging media to create engaging experiences and optimizing performance for online stores.

This talk will be followed by 2 React Shorts presentations.

Remix is a framework that revitalizes web development by putting progressive enhancement in the front seat. It creates solutions that approximate developers to the platform. It uses Developer Experience as means to enforce web best practices and with that brought the term Optimistic UI back to our daily lives. Atila Fassina will help us have a look at what features the Remix offers out-of-the-box to get developers creating high-quality web apps easily and deploying them anywhere that can run JavaScript.

The heart and soul of any conference is the networking part + Deploy a Crystallize Remix App to the Microsoft Azure workshop run by Maxim Salnikov from Microsoft and Sébastien Morel from Crystallize.

React Server components, interactive islands, and client-side hydration is all the rage these days. In this talk, Håkon Krogh will look at how it truly makes a difference for the end-user, and how you as a developer can get things moving using Next.js or Astro.

A common source of errors, communication delays, and misunderstandings happens in the API between front-end and backend code. Over the last few years, Johannes Brodwall generated Typescript code for his React applications from OpenAPI specifications. This way, the compiler stops him from using the API wrongly. In effect, he gets compilation checking crossing the frontend-backend divide, even when the yare implemented in different languages.

In this talk, you'll learn the benefits of using OpenAPI code generation in React applications

Grab something to eat (please try Brunost ("brown cheese")) and network some more.

Let's face it - creating reusable components is hard. You have to provide the right amount of flexibility, make it easy to use, document it well, and hopefully avoid any breaking changes. Sharing logic between them is just about as cumbersome. But are there some universal truths we can apply when we're building these components?

In this talk, Kristofer Giltvedt Selbekk leans on the experience gained from working with lots of different design systems and component libraries over the last several years. He’ll share some of his best tips, and make sure you have a ton of new best practices to bring back to your project on Monday.

A collection of React Shorts presentations.

The internet is global, and its future is by no means written or spoken only in English. With the upcoming Intl.MessageFormat addition to JavaScript, we're making it easier than ever to write and maintain apps and systems that not only speak your language, but also the languages of your users. To do that, we're redefining how localization really works, and building a system that's interoperable with all existing data formats, workflows, and processes, as well as (hopefully!) all the ones we can't even imagine yet. Let Eemeli Aro show you this new world, and where it might lead us.

The talk will cover the basic theory of end-to-end encryption, but Benedicte Raae (Queen Raae) will also live code how to implement end-to-end encryption in a demo Gatsby app saving notes to a public GitHub repository.

Network some more and enjoy the final React Shorts presentations.

Tejas Kumars’ talk highlights some key ideas that we use to make our documentation as approachable as possible to as many people as possible while generating some of it from source code.

We will look at a lot of React code together and come away with ideas for our own projects.

From fetching data to fighting with imperative APIs, side effects are one of the biggest sources of frustration in web app development. And let’s be honest, putting everything in useEffect hooks doesn’t help much. Thankfully, there is a science (well, math) to side effects, formalized in state machines and statecharts, that can help us visually model and understand how to declaratively orchestrate effects, no matter how complex they get.

In this talk, David Khourshid will ditch the useEffect hook and discover how these computer science principles can be used to simplify effects in our React apps.

React Day Norway and React Day New York (both organized and presented by Crystallize) are events for the frontend community to level up our skills and network.

Eirik Ulltang and his team will entertain you with trial showriding

Join us for a BBQ on the lovely ocean view terrace and let’s have a party.