Design Systems Galore 🎨

Hey React Amsterdam community, it's time to get together! We're back with a new edition of our React-focused meetup, and this time we'll discuss scaling design systems for large companies, designing in the browser, design tokens, and more.

🎫 ** Registration via Eventbrite: https://www.eventbrite.com/e/react-amsterdam-meetup-design-systems-galore-registration-89566528899 **

🤝 Sponsors

FocusReactive (https://focusreactive.com) is a React/Node.js software consultancy based in Amsterdam, London and remote. The company provides startups and scaleup businesses with hands-on technical leadership and high-performing engineering teams.

UpCloud's easy-to-use control panel and API let you spend more time coding and less time managing your infrastructure. Deploy in 45 seconds using the simple but powerful control panel, the Restful API or any software such as Ansible, Go, JS or Python. https://upcloud.com

Sign up for the service with our exclusive React Amsterdam promo code and get free $25 cloud credits: https://upcloud.com/signup/?promo=ReactAMS

🕐 Schedule

18:00 – Doors open: snacks, drinks, networking
19:00 – Introduction
19:10 – 🗣 "What they don't tell you about design systems" by Dmitry Belyaev
19:40 – 🗣 "Designing in the browser, Again" by Siddharth Kshetrapal
20:10 – ⚡️ "Design tokens 101" by Kilian Valkhof
20:20 – ⚡️ "Side-loading a design system" by Melanie Burger
20:30 – ⚡️ "All your BASE belongs to me" by Guus Hoeve
20:40 Beers & networking

—

## What they don't tell you about design systems
by Dmitry Belyaev

Everyone in the front-end and design communities is talking about design systems. Usually, the main requirement is to build a component library for a modern product and therefore we focus on discussing best implementation practices for React components. Let's see what it takes to support a DS at scale.

About Dmitry (https://twitter.com/blvdmitry)

Dmitry is a senior front-end developer at Booking.com working on design systems and tooling.

## Designing in the browser, Again
by Siddharth Kshetrapal

The convergence of the frontend stack in the last 2-3 years and the popularity of design systems has opened up the opportunity for a better frontend workflow.

Let's talk about where we are right now and what the future holds.

About Siddharth (https://twitter.com/siddharthkp)

now: developer at @codesandbox,
🕰️ past: design systems @auth0, frontend architect @practo,
🔭 built bundlesize, tinyreact.email

## Design tokens 101
by Kilian Valkhof

The basis of any design system are design tokens: the smallest possible values that you use to base your styles, components, and pages on. We'll walk through what design tokens are, how to get started with them and how to work with them in React.

About Kilian (https://twitter.com/@kilianvalkhof)

A UX developer from the Netherlands. He builds tools and software for web developers and designers using React.

## Side-loading a design system
by Melanie Burger

Investing in a design system can lead to a significant reduction in feature build time down the road. In this talk, practices that allow you to establish a design system without sacrificing delivery speed will be discussed, and, based on a case study, approaches to "side-loading" a design system and what an MVP might look like will be shared.

About Melanie (https://twitter.com/melaniebrgr)

A front-end developer at Rangle.io temporarily on assignment in the Netherlands from Canada.

## All your BASE belongs to me
by Guus Hoeve

Base--Plus--Minus (BPM) is one designer's approach to common design & development problem; naming design tokens consistently & systematically for designers & developers for dark & light-themes with adaptive color-palettes.

About Guus

Guus is a Dutch freelance UX developer & designer who likes to keep his work as Dutch as possible; simple & straight-forward.

—

👍 Code of Conduct

By registering to this event you agree to comply with our Code of Conduct https://react.amsterdam/coc