Build code, not walls

React Day Berlin

  • 800React fans and lovers
  • 24+Speakers
  • 2Tracks (General + Native/Reason)
December 6, 2019
Berlin, Germany
Moon
Back Builds
Front Images
dots
Are you into React, React Native, GraphQL and hungry to learn from the best?

Welcome to the Web of tomorrow

Take part in the exploration of the React universe! Focusing on in-depth talks, hands-on workshops, and finding new opportunities, React Day Berlin conference provides space for everyone to make friends and develop stellar apps together.

Since 2017 we're running Berlin based React community of people passioned about Open Source and JavaScript engineering. Since then we have also landed 2 React conferences, with last one uniting 800 engineers from Germany and worldwide.

Join or third edition in 2019 to celebrate all things React and meet engineers caring about their craft alike.

Our speakers’ guns are set on stun

Diversity, sharing of ideas, and critical thinking are the core values when it comes to selection of our speakers. Both React’s pros and its rising stars will take over two stages at React Day Berlin.

They’ll shed light on all things puzzling your mind, be it architecture, Design Systems, GraphQL, Reason or other.

Max Stoiber
Keynote
Max Stoiber
GitHub, Austria

Max is the technical cofounder of Spectrum.chat, the community platform of the future. He also makes styled-components, react-boilerplate, micro-analytics and a bunch of other open source projects and he co-organises the ReactVienna meetup. He loves to travel, to brew rad coffee and to ski beautiful mountains.

Narendra Shetty
React Advanced
Narendra Shetty
Twilio, UK

Narendra works at Twilio as Senior Software Engineer. He is working on building Twilio Flex which is a programmable UI product. Previously worked at Booking.com.

Elizabet Oliveira
Graphics
Elizabet Oliveira
Optum, Ireland

Elizabet Oliveira is a UX/UI Designer & Developer from Lisbon currently based in Dublin. She created a project called Cassette Tape, a Google Chrome experiment that explored the web audio API, which she presented at Google I/0 Dublin in 2016. She built and maintains the React-Kawaii library. This library won the award for Fun Side Project of the Year during React OS Awards 2018!

Evan Bacon
React Native
Evan Bacon
Expo, USA

Sometimes Lego Artist, working at Expo (Web, Bluetooth, AR, Gaming, and videos) and React Native (for web) PWAs.

Manjula Dube
GraphQL
Manjula Dube
N26, Germany

Manjula loves contributing to OSS in her free time. She loves teaching and believes it is best way to learn more and more. She is one of the organisers for React India.

Jessica Leach
Performance
Jessica Leach
FutureLearn, UK

Jessica is a React developer from the UK. She works for FutureLearn, a platform which makes university education accessible to all. She made a transition into development after taking part in Rails Girls Summer of Code and she has also built an open source project, ScienceMotions, which teaches high school-level science with animation.

Kitze
Hooks
Kitze
ReactAcademy, Poland

Teaching React Javascript at React Academy. Cares about open source, made and maintains sizzy.co, custom-react-scripts, and mobx-router. He had the chance to work and experiment with a variety of languages and frameworks.

Tejas Kumar
Serverless
Tejas Kumar
Contiamo, Germany

Tejas enjoys people, code, and talking about code to people. Having begun coding at age 8, today Tejas travels around the world, encouraging, educating and empowering developers in the web development community.

Alex Lobera
Testing
Alex Lobera
React GraphQL Academy, UK

Founder at React GraphQL Academy and LeanJS. Developer and Coach passionate about JavaScript, React and GraphQL. Organizer of the JavaScript London Meetup and other popular meetups in the EU.

Catalin Miron
React Native
Catalin Miron
Skype, Czech Republic

React, React Native, GraphQL and OS enthusiast.

Tae’lur Alexis
A11y
Tae’lur Alexis
CodeEveryday.io, USA

Tae’lur Alexis is a Front-End Developer, Accessibility Advocate and Founder of CodeEveryday.io, an online platform dedicated to connecting developers to startups.

Jenn Creighton
Architecture
Jenn Creighton
The Wing, USA

Jenn Creighton is a frontend engineer and conference speaker. She lives in New York with her two cats and maintains a Home for Abandoned Succulents, Mismanaged Plants and Otherwise Ailing Flora. You can find her online @gurlcode.

Majid Hajian
Performance
Majid Hajian
Softiware AS, Norway

Majid Hajian is a passionate software developer with years of developing and architecting complex web and mobile applications. He is passionate about web platform especially flutter, IoT, PWAs, and performance. He loves sharing his knowledge with the community by writing and speaking, contributing to open source and organizing meetups and events.

Majid is the author of "Progressive web app with Angular" book by Apress and "Progressive Web Apps" video course by PacktPub and Udemy. He is (co)organizer of a few mobile and web meetups in Norway as well as Nordic conferences for mobile and Angular, Mobile Era and ngVikings.

Andrew Hill
State
Andrew Hill
Textile, USA

Andrew Hill has been a biologist, a mapper, a technologist, and an entrepreneur. Now, he helps build Textile, a company that explores technology for decentralized consumer applications. He spends his days furthering their mission to radically change the way people use their data to interact with technology.

Martin Heller
Hardware
Martin Heller
Testo SE & Co. KgaA, Germany

Martin is a React and JS Developer at Testo Cloud Mobile Solutions building Mobile and Web Apps for the Internet of Things.

Wojtek Czekalski
React Native
Wojtek Czekalski
Creator of nars, Poland

Creator of nars, big fan of Reason, software developer. Outside of work: 🎾 📖 🏄‍♂️ ⚽️ 🥘

Eric Schaefer
ReasonML
Eric Schaefer
EyeEm, Germany

Eric is a frontend engineer working with EyeEm in Berlin. He is passionate about the intersection of code and creativity, and has built software for Native Instruments, RedBull, Google, and others.

Omri Bruchim
React Native
Omri Bruchim
Wix.com, Israel

Passionate about iOS & React Native, working mostly on infrastructure & mobile performance, organizer of React Native Talks meetups series.

For the past few years, I've been lucky enough to be part of scaling the Wix Mobile application and its team. Mostly focused on leading Mobile engineers working with our React Native app. My drive is working with talented people to create great products.

Satyajit Sahoo
Navigation
Satyajit Sahoo
Callstack, Poland

Frontend developer working on React and React Native. Loves CSS, TypeScript and working with animations and gestures in React Native. Currently building React Navigation.

Michał Osadnik
Navigation
Michał Osadnik
Software Mansion, Poland

Software Engineer, React Native lover, CS Student. Fan of good design and high user experience. Plays guitar, loves literature and poetry from 19th & beginning of 20th centuries as well as theoretical computer science and movies which everyone considers boring. Gets satisfaction from making things work and discovering how they work. Part of React Navigation and rainbow.me team. Works at Software Mansion in Krakow.

Naomi Meyer
Visualization
Naomi Meyer
Adobe, USA

Naomi works as a Software Development Engineer at Adobe in New York City, where she is the product champion for internationalization (i18n) on her team. Before writing JavaScript full time, Naomi worked teaching English as a foreign language in local classrooms across Asia and West Africa. She is passionate about developing with diversity, inclusion, and internationalization (i18n) in mind, and enjoys hiking and riding bikes on the weekends.

Jesse Martin
Deep Dive
Jesse Martin
GraphCMS, Germany

Jesse Martin is a fanatic of brand, product and web development and talks about the future of content management and GraphQL for GraphCMS. He was an early adopter of React and loves all things tech, health, and design.

Jeff Huleatt
Serverless
Jeff Huleatt
Google, USA

Jeff works on Firebase at Google, and he is excited about helping app developers make cool stuff on the web. He maintains a number of Firebase's open source repositories, including Reactfire, a library that makes it easy to use Firebase in React web apps.

Judith Hartmann
Judith Hartmann
Futurice, Germany

I am a Frontend Developer at Futurice and a coach at Codebar Berlin, where I teach people from underrepresented groups in tech about programming and frontend.

Sam Abbassi
Sam Abbassi
Algorand, USA

Sam is a Technical Evangelist working on Developer Relations at Algorand. Sam co-founded and lead Bushido Lab, a cryptocurrency and blockchain development company based out of Miami, FL. He currently teaches blockchain and cryptocurrency fundamentals at Miami-Dade College. Sam has a Bachelor’s degree in Economics from Loyola University Chicago and a background in Neuroscience from the University of Miami’s Miller School of Medicine.

Robin Pokorny
Robin Pokorny
NewStore, Germany

Robin is a JavaScript developer at NewStore, creating a mobile retail platform in React. Enjoys writing functional JavaScript, explores Reason for inspiration. Organises several meetups, records coding videos, and frequently speaks.

Xiaoru Li
Xiaoru Li
MethodCoder, Germany

CS undergrad / web technology and data science enthusiast / avid learner / lousy multi-instrumentalist / hands-on Bob Ross fan / making coding tutorials.

Zar Zakharov
Zar Zakharov
TradingView & TinkoffJournal, Russia

Zar has been working at Tinkoff Journal, in development for over 12 years.

Meghna Srivastava
Meghna Srivastava
Auto1 Group GmbH, Germany

A dentist turned JavaScript enthusiast.

Portia Burton
Portia Burton
Cecil Digtal Agency, Germany

Portia Burton is principal developer at Cecil Digital Agency.

Meet your MC's

Simon Legg
Simon Legg
GetYourGuide, UK

Superman on a bad day in a good way. Developer @GetYourGuide. Ex @financialtimes.

Eli Schutze
Eli Schutze
Monzo, UK

Web engineer at Monzo in London. Originally from Nicaragua, Eli is also a speaker and community organiser so when she’s not at work you can find her at tech meetups, teaching people to code or tweeting.

Marcel Cutts
Marcel Cutts
Asgard.tech, UK

Vagabond tech mercenary and cyberpunk enthusiast.

Location

Visit a monument to the future

With the ever-growing JS ecosystem, it’s only appropriate that we are hosting React Day Berlin in Kosmos, the amazing Space Age theatre from the 1960s. It is situated in the hip neighborhood of Friedrichshain full of great restaurants, bars, clubs and little shops, and the building was built with unconventional visionaries in mind.

The city on the edge of tomorrow

Berlin, Germany’s capital, is one of the busiest European tech centers and the best talent gravitates towards the city. With two international airports and modern infrastructure, you don’t even need a hyperdrive to get here.

Brandenburg gate at the sunset

Museum island on Spree river in center Berlin

Berlin skyline with Spree river at sunset

Oberbaum Bridge

Schedule

8:20
Registration starts
9:10
Conference opening
9:20
Keynote Talk
Max Stoiber
GitHub, Austria
Keynote
10:00
Compassion-Driven Development: Building Accessible React UI
Tae’lur Alexis
CodeEveryday.io, USA

Accessibility should be a priority in the design and development process, not merely an afterthought. So I’ll demonstrate best practices, auditing tools to help you inprove the accessibility of your React applications and provide a live example by going in depth into how I’m building my own reusable accessible component library in React.

A11y
10:30
Performance anxiety with React
Jessica Leach
FutureLearn, UK

Do you worry about the performance of your React applications? Do not worry anymore, I will take you through a how-to of performance improvement. We will look at how to use techniques to track and increase speed.

We will start with an example app which loads data into a table and discuss how we can make the performance better.

Talk about how the virtual DOM & reconciliation works.

Performance
11:00
Coffee Break
11:30
Decentralized React states - using IPFS to sync, store, and recover state
Andrew Hill
Textile, USA

IPFS is a stack of protocols for decentralized, p2p communication and data transfer on the web. In this talk we will present how to use the IPFS protocols alongside local storage to achieve multi-device p2p or multi-user p2p synchronization on the web.

State
12:00
Data Visualizations and Internationalization
Naomi Meyer
Adobe, USA

Building React custom data visualizations with full international support is not always easy.

This past year, I’ve worked to add new data visualizations features and modify legacy visualizations, for an international audience - on my team at Adobe. It’s been a learning process to correctly format strings, numbers, dates, times, currencies, calendars, x/y axis, and more!

In this talk, I will share some of the useful techniques I’ve learned about customizing data visualizations for a global audience. With a focus on React and high level ideas to keep in mind when designing, coding, testing, internationalizing, and localizing data visualizations for the world!

Visualization
12:30
Lightning talks
Print-friendliness - Why should you care?
Judith Hartmann
Futurice, Germany

Ever tried to click a button or a link on a paper printout? Yeah, me neither! So why are these interactive elements included in the printout of most websites? If your website has content, there will always be somebody who wants to print it - let’s be prepared! I will talk about common mistakes that lead to horrible printouts and how and why we should get rid of these.

Typed Functional Programming in TypeScript with fp-ts
Robin Pokorny
NewStore, Germany

TypeScript is the main dialect developers use for writing React applications. React has a functional nature, however, TypeScript has not. It lacks some popular patterns and data structures we use and love in other functional languages like ReasonML, Elm, or PureScript. Fortunately, for the rescue, there is a rising library called fp-ts. Let me show you how it can help you.

React for Command-Line Interfaces! (feat. Ink)
Xiaoru Li
MethodCoder, Germany

Text-based CLI tools are great. They are fast, lightweight, and universally accessible. But what does CLI have to do with React?

In this lightning talk, we will have a look at Ink - a wonderful custom React renderer that allows us to use Flexbox to create excellent command-line interfaces with ease. Want to create a companion CLI tool for the next big thing that you are working on? Build it with React!

Performant Websites for All- How to Build Fast, Inclusive Applications using Gatsby
Portia Burton
Cecil Digtal Agency, Germany

This presentation will show you how to create an a Progressive Web Application using Gatsby. We'll learn:

  • What is a Progressive Web App (PWA)
  • Why PWA's are important for a more inclusive web
  • How to build your own PWA app using Gatsby.
13:00
Lunch & networking
14:00
GitNation Open Source Stage
14:30
React Is Fiction
Jenn Creighton
The Wing, USA

You don’t know it but you are an author. You write stories every day. You build narratives, characters and plots — but you aren’t writing a novel, you’re writing components. I came to engineering from the world of creative writing and what surprised me the most is how similar code is to fiction. React itself follows tenants of creative writing and when you lean into those rules, you create solid component architecture. In this talk you’ll learn how to write React like its fiction and what you can gain by doing so.

Architecture
15:00
Testing Is All About Principles
Alex Lobera
React GraphQL Academy, UK

Should we use react-testing-library or Enzyme? What about snapshot testing? What should be our code coverage? Those are questions we often hear when discussing testing. Those questions are easy to discuss but the answers won’t necessarily make us write more reliable and flexible code. Many developers struggle to write tests 1) quickly and 2) that increase their degree of confidence. Writing good tests requires writing good code. Writing good code that is easy to test requires a good understanding of programming principles and how they apply to the libraries of choice. Discussing principles is harder than discussing tools. In this talk, we’ll discuss the principles that will make developers increase their test confidence when building React apps. I’ll also use those principles to challenge some believes that the audience might have about certain testing libraries or methodologies.

Testing
15:30
UI as API
Narendra Shetty
Twilio, UK

For backend services having a flexible API is a common practice that allows you to combine them with different APIs as if they were LEGO blocks and solve almost any business need. At Twilio we’ve been building REST APIs for over 10 years. When we recently decided to ship Twilio Flex, a software that has a working UI out of the box, we still wanted to make sure that it was as flexible as the rest of our APIs.

In this talk we’ll dive into how we architected a programmable UI platform using React that both allows you to have a fully working UI out of the box but also be able to customize every functionality and user experience to your needs using the full power of React.

React Advanced
16:00
Coffee Break
16:30
Modern React apps with Hooks, Suspense, Context, and Firebase
Jeff Huleatt
Google, USA

Whether you want to A/B test your new dark theme, stream live updates to users while seamlessly handling spotty mobile connections, or just make your site load faster, Firebase can help you develop and grow your app. You'll learn some of Firebase's best features for the web, and I'll demonstrate how to easily integrate them into your React app with ReactFire, a new Firebase library that uses React's latest and greatest APIs such as Hooks, Suspense, and Context.

Serverless
17:00
How Many Ways to Say I'm Sorry, Error Handling in React
Jesse Martin
GraphCMS, Germany

Error handling is an important subject matter as it cuts across concerns from creating resilient code as well as improving user experience. The talk will be broken down into the following structure:

  1. Modern ways to handle errors in React
  2. Mental models for determining which parts of the UI should handle their own errors.
  3. How error handling reduced our customer success workload.
  4. Some live coding full of errors.
Deep Dive
17:30
Exploring audio with React and SVGs
Elizabet Oliveira
Optum, Ireland

Building complex user interfaces can be tricky if all you have is JS and CSS. That’s where React and SVGs come in. When it comes to exploring audio, creativity is key and SVGs in React enable endless design possibilities. So, in this talk, I’m going to show you a few powerful examples to inspire you and help you create amazing audio projects.

Graphics
18:00
Closing of day programme
18:30
1.5h break (outside venue)
20:00
Party starts
22:30
Party ends
10:00
Server Rendered React Native
Wojtek Czekalski
Creator of nars, Poland

In this talk you will learn why and how to server render components in React Native and how it works!

React Native
10:30
Build it Once with Expo for Web
Evan Bacon
Expo, USA

Using Expo you can build an app that runs natively for iOS, Android, and web. You’ll see how Expo and React Native for web enable you to use cutting-edge browser functionality to create progressive web apps that emulate the functionality of your native app as closely as possible. You’ll also learn what you can do with it, why you would use it, and how it works with other popular web development tools.

React Native
11:00
Coffee Break
11:30
Microinteractions and Animations in React Native
Catalin Miron
Skype, Czech Republic

A microinteraction goal is to provide feedback based on the user’s action. This can help users visualize how the interface moves or behaves, even though it’s purely digital on a flat screen.

React Native
12:00
ReasonML for Skeptics
Eric Schaefer
EyeEm, Germany

You've seen it all. You are not working on a ""green field."" You slay dragons.

This talk would like to show a real-world example of a typed functional language actually making your developer life better, in an existing Javascript code base. And it's something your team might not cringe at either.

ReasonML
12:30
Lightning talks
Building Blockchain Applications with JS
Sam Abbassi
Algorand, USA

This talk will go through the Algorand JS SDK with examples in using standalone functions for generating accounts, signing transactions as well as client wrapper functions for sending transactions and querying the blockchain. We will also see examples on building React components.

Figma to React: Efficient Delivery Design to the Code
Zar Zakharov
TradingView & TinkoffJournal, Russia

In 2019, product design teams use a design system at the level of a graphic editor. Developers teams move this design system into code using the React component approach.

But there is a problem. The final version of the product does not exist. As there is no final iPhone.

Product teams work daily on product. But design layouts and components in the code live in different worlds, they need to be updated manually.

How to continuously deliver design changes to the react design system?

Figma is a new design tool that is gaining popularity. Unlike Sketch, Figma works in the web, the native environment of component design systems. It has an API. Sasha (designer) and Zar (developer) will show how to synchronize design systems from two worlds.

Short Story - A dentist turned software developer
Meghna Srivastava
Auto1 Group GmbH, Germany

How I landed my first developer role after coming from a non-traditional background. The challenges of choosing self-taught route, how much time it took. How welcoming the industry is? Let me share the insights!

13:00
Lunch & networking
14:00
Hobby track
14:30
Building Webapps for everyone - a11y with React
Manjula Dube
N26, Germany

Building React applications has been fairly easy now, However, an often-missing ingredient in many React Applications is a focus on accessibility best practices — especially when component libraries are part of their application. Nothing in React prevents us from building accessible web apps, but we need to learn to harness its power in the right way while dealing with some unique challenges caused by creating web pages with JavaScript. This talk will focus on these issues and how to solve them in the real world, while also adding some a11y power to your development process. This talk will also focus on why it is important to build accessible web apps.

GraphQL
15:00
Component based Navigation in React Native
Satyajit Sahoo, Michal Osadnik
We'll present the new version of React Navigation and talk about navigation and routing in React and React Native apps.
React Native
15:30
Event-Driven Bluetooth handling in React Native
Martin Heller
Testo SE & Co. KgaA, Germany

This talk will give you some basic insights in how Bluetooth LE works and how to access it in React Native. We will look at our motivation for doing this, which library to work with and how to use it. We will create a simple app and show some basic pitfalls. All code will be available via GitHub.

Hardware
16:00
Coffee Break
16:30
Strong RESTful Contracts in a GraphQL world
Tejas Kumar
Contiamo, Germany

GraphQL is an incredible technology. It provides developers with concrete, solid guarantees at the API layer, preventing surprises when interacting with client-server applications. REST has been often criticized as weaker in this regard, since it is not a formal specification. This talk explores working with similar (if not better) contractually-sound REST APIs in a React application using powerful new tooling.

Serverless
17:00
React Native At Wix - Building an App for 150 Million Users
Omri Bruchim
Wix.com, Israel

Ever wondered how to use microservices approach in a FED\mobile application? hesitating to choose React Native for your big project? I’m here to eliminate the school of thought that React Native is mostly for small mobile applications.

React Native
17:30
Parallel computing in ReactJS
Majid Hajian
Softiware AS, Norway

User is working with your application, suddenly, UI freezes and probably, one of the CPU cores is burning! They cannot do anything. The only perception you can feel is as hot as a hell metal case of the laptop. Although this sounds like a horror movie, this is your application that cannot leverage modern APIs to lift heavy computation to a different thread where consequently user suffers the pain.

Modern features like Web Workers, WebAssembly, Worklets, and Service Worker allow us to leverage multithreading computing to run tasks parallely which at the end, makes the user feel like in a rainbow paradise instead of a nightmare, even though JavaScript is a single-threaded programming language!

In this session, I am going to show my experience running jobs in parallel on a React.Js application that will provide a pleasant user experience and exciting development.

Performance

Workshops

Do you see yourself leading amazing projects? Then you’d better not miss our workshops. Our instructors will help boost up your skills and show you new dimensions of JavaScript problem-solving.

Workshops are happening on December 4 and 5, at SRH Hochschule Berlin.

React-fuel
for a great party

Fun is relative, but there’s no chance to be bored in Berlin, one of the party capitals of the world. Our afterparty and comedy show will make React Day Berlin the tech event of the year!

POLYOP
POLYOP
WebGL, React, Web Audio API, and Web MIDI API, UK
An electronic music and audiovisual group from London, established by producer Jack Driscoll and visual artist Alex Kempton in 2016. The visuals in their show have been created entirely in Javascript using WebGL. Polyop have developed a spectacular audiovisual show set in an alternate universe. The show follows a mysterious demi-god across the polyhedral-plane, inhabited by strange planets, entities and nomad aliens, to the sound of 90’s techno breakbeat and acid performed live on hardware synthesisers and drum machines.
ALICEEFFEKT — ORCA
ALICEEFFEKT — ORCA
Node.js, Japan
Aliceffekt is formed by Devine Lu Linvega, a true digital nomad and a polymath working on a series of experimental tools and applications. Devine has created a set of live coding tools for rapid iteration and creation of rythms based on Node.js. His latest creation: ORCA is a full blown text based sequencer with impressive cappabilities and distinct aesthetic that engulfs the user in a textual fashion rarely seen in live performance.

Sponsors

Would you like to support a growing React community in Berlin and improve the visibility of your tech/employer brand?

We're no strangers to Berlin's scene