Schedule

Reasons why we need inclusion — Nasim Selmani#

Structural Racism — Jasmin Assulin#

How our narrow understanding of racism (visible and interpersonal level) still stands in the way of racial equity and inclusion (in tech, too) and how racial bias can be seen in tech, products etc.

How to avoid bias or exclusion when recruiting — Emmi Marjetta#

I focus on why inclusion is important in hiring and what are the inclusive hiring practices for any organization that could be taken into use. Inclusive hiring and evaluation process are the great window of opportunity that can truly support inclusion with practical actions. I offer practical tips and a way to implement small changes while working the way towards more inclusive hiring culture and strategy.

-

Styling #

Zero-runtime CSS-in-TypeScript with vanilla-extract — Mark Dalgleish#

Video

Can we have themeable CSS-in-TypeScript without the runtime cost? In this talk we'll have a quick look at how this can be achieved with vanilla-extract.

Rethinking CSS - Introducing Stylex — Naman Goel#

CSS + superpowers - bloat. How Stylex creates a zero-cost abstraction that gives CSS superpowers.

A thorough analysis of CSS-in-JS — Andrei Pfeiffer#

There are two mutually exclusive methods that CSS-in-JS libraries use to generate and ship styles to the browser. Both methods have benefits and downsides, so let’s analyze them in detail from the loading performance perspective.

-

Content management #

How to View and React without a Head — Facundo Giuliani#

You might have heard about Headless CMS. This new type of content platform gives us some benefits compared to a Monolithic CMS.

We will talk about the key features of any Headless CMS and how we can integrate a headless platform into our React applications. We will focus on Storyblok, a headless CMS that offers a real-time Visual Editor, a great feature for developers and content creators.

React Bricks: a CMS with visual editing based on React components — Matteo Frana#

Headless CMSs are great for developers, but not for content creators.

React Bricks is the first CMS that is super-great for Developers (it's just React, backed by solid APIs), for Content Creators (it keeps the visual editing experience of no-code tools like Wix) and for Designers (you can express your exact design system and be sure nobody will break it). I'll show you how it works!

Contentful and headless — Nidhi Kumari#

How Contentful helps you to manage all the data in a headless e-commerce website.

-

State machines #

Introducing state machines and statecharts — Laura Kalbag#

State machines and statecharts can seem intimidating. Especially if you (like me!) didn’t study computer science, aren’t big into maths, or just haven’t come across state machines and statecharts before.

In this session, you’ll get a whirlwind introduction to state machines and statecharts, no prior knowledge and no coding experience required. Are you already familiar with state machines and statecharts but want to get a better understanding of the benefits and how to convince your team to get onboard? That’ll be covered too.

You could be a developer, designer, project manager, multi-disciplinarian or fancy specialist, I believe everyone can get something out of this talk, so join me!

Make legacy code delightful with statecharts — Matt Webb#

If you must have legacy code, you want it written in statecharts. We'll break down the mental models required for understanding unfamiliar UI code, and compare the maintenance costs with and without statecharts.

The Actor Model: a new mental model for React — Farzad Yousefzadeh#

System-level state management in modern React applications is challenging. Usually, as the applications grow, the complexity of interaction between different parts of the application compounds.

The more you need those isolated parts to talk, the higher the level of complexity. Usually, the common pitfalls of these communications are underestimated especially with the recent trend of State management that tends to keep the application state outside of React and distributed.

In this talk, we'll see how the Actor Model architecture can come to the rescue and what makes it stand out compared to the other approaches.

-

GraphQL #