Scaling Design Systems With React & Unconventional Use of Render Method

Marching towards warm summer days, we could not leave you without fresh React knowledge and insights at the events season end. On May 8 React Open Source community is gathering again, to talk about some insights and share hands-on experience building modern applications.

To enable us going faster and run more events, please submit your talk proposals https://goo.gl/forms/ikH86P9dWFMwNzWY2.

Thanks to Wayfair (https://www.wayfair.com/) for hosting us and supporting the local community. And be sure to check React Day Berlin conference, returning on November 30, 2018 - https://reactday.berlin.

# Event Schedule

18:30 – Doors open: snacks, drinks, networking
19:00 – Introduction
19:10 – “The tech behind a design system that scales” by Monica Lent
19:40 – “Embracing the render method – an unconventional approach to data fetching” by Daniel Berndt
20:10 – Lightning talks
20:40 – Finishing beers and more networking

—

## The tech behind a design system that scales
by Monica Lent

Most teams who end up implementing a design system do so because they need a more efficient way to propagate design ideas and their implementations across various products and codebases. They want to stop reinventing the wheel and offer a consistent experience to their end-users — but they also want to be able to adapt and adjust without a ton of manual overhead. In this talk, you'll see how SumUp uses React, Emotion, and Storybook to implement a design system that scales: in terms of people, products, and processes.

About Monica (https://twitter.com/monicalent)

Monica is leading the Web Team at SumUp and is based here in Berlin. Her team is building the web experience that helps hundreds of thousands of small businesses around the world get started accepting card payments and growing their businesses. She loves working on products that help people every day and solving real-world problems with technology.

—

## Embracing the render method – an unconventional approach to data fetching
by Daniel Berndt

Attempting to fit CSS into React's component model has led to a great deal of innovation – bringing a component's style definition closer and closer to its render method.
Daniel will present a similar process for data fetching. In a component-centric code base, GraphQL is a big improvement compared to traditional REST Apis. It allows defining a query for each component to describe the exact shape of data it needs. But the query and the render method can get out of sync. This talk will explore whether it is possible to infer the shape of the data from within the render method, and will discuss its implications.

About Daniel (https://twitter.com/D40B)

Daniel has been a web developer for 7 years. He has a background in Computer Linguistics but found it more useful to put websites in front of people. His current project is www.codecks.io – a card-based and playful tool for project management using React and an unconventional approach for data fetching.

—

## Lightning talks

Have you discovered a new project, fall in love with a technique, or avoided a pitfall. Share it with us!

This is a quick, hassle-free, and fun way to do it. Sign up for a lightning talk here https://goo.gl/forms/ikH86P9dWFMwNzWY2 or speak to us before the even for a last-minute entry. The talks are capped at 5 minutes.

Announced lightning talks:

• “Optional chaining operator in JavaScript” by Mohamed Oun
• “React Finland 2018: the new best practices and the future of React” by Artem Sapegin

—

# Contact

If you have any questions about the React Open Source community, or willing to support us as a company and sponsor next event – reach us at hi@reactday.berlin

# Social

Check out last events talk recordings https://www.youtube.com/channel/UC1EYHmQYBUJjkmL6OtK4rlw
Follow updates on twitter https://twitter.com/reactdayberlin