Build code, not walls

React Day Berlin

  • 600React fans and lovers
  • 24+Speakers
  • 2Tracks (General + Native/Reason)

November 30, 2018

Berlin, Germany

Welcome to the Web of tomorrow

Are you into React, React Native, GraphQL and hungry to learn from the best?

Take part in the exploration of the React (Native) 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.

Last November, React Day brought 350 attendees from all over the world to Berlin, and since then, the crowd has been gathering at React Open Source meetups tailored for the most passionate part of the development community. 2018 will see the conf on full blast – join us and you’re in for a ride.

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.

  • Speaker's photo
    Keynote

    Ken Wheeler

    Formidable, USA

    Director of Open Source at Formidable and the author of libraries like Slick Carousel, McFly, react-music, webpack-dashboard, Spectacle.

  • Speaker's photo
    Design

    Monica Lent

    SumUp, Germany

    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.

  • Speaker's photo
    React Native

    Vincent Riemer

    Symantec, USA

    Software engineer at Symantec and creator of ambitious side projects such has React Native DOM and the iO-808. When he isn't programming, you can find him producing music and tinkering with synthesizers.

  • Speaker's photo
    Case studies

    Artem Riasnianskyi

    Framer X, The Netherlands

    Artem is a product engineer at Framer, working and living in beautiful Amsterdam. Passioned about performance, usability, and minimalism in code. With the team, he is building game-changing design app Framer X. Occasional cyclist.

  • Speaker's photo
    CSS in JS

    Sara Vieira

    YLDio, Europe

    Developer Advocate at @YLDio. GraphQL and Open Source enthusiast. Conference Speaker and Airport expert. I am also into drums and horror movies.

  • Speaker's photo
    Hype

    Kitze

    ReactAcademy, Macedonia

    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.

  • Speaker's photo
    GraphQL

    Manjula Dube

    Marley Spoon, Germany

    Developer at Marley Spoon. Wants to make the web a better place to live, and in her free time, she works on OSS. Manjula loves teaching because thats the best way to learn more and more.

  • Speaker's photo
    Testing

    Jack Franklin

    Thread, UK

    Jack is a Frontend Engineer at Thread in London working primarily with React. In his free time, he’s usually writing or recording videos for his blog, JavaScript Playground. He is also the author of “Beginning jQuery” (Apress, 2012) and an eloquent speaker on Elm, front-end, build tools and frameworks.

  • Speaker's photo
    Patterns

    Forbes Lindesay

    Threads, UK

    Forbes is a software engineer at Threads, working on React and Node.js projects. In the past, he's worked on large scale React apps at Facebook, and now runs training workshops to pass on that experience to other people. In his spare time he maintains a number of open source projects, such as Pug, Promise and Cabbie.js.

  • Speaker's photo
    State

    Rebecca Hill

    Usabilla, The Netherlands

    Full stack JavaScript engineer at Usabilla, building feedback software. Not-so-secretly helping JavaScript take over the world.

  • Speaker's photo
    Architecture

    Oleg Isonen

    JSS, Germany

    Oleg is an author of JSS and an architect with a focus on scalable web front-end applications. At React Day Berlin Oleg will share the insights on building complex applications with real-world examples.

  • Speaker's photo
    Performance

    Jean-Rémi Beaudoin

    Theodo, UK

    Jean-Rémi is co-organiser of the React Native London meetup and Deputy CTO of Theodo, an web and mobile development agency.

  • Speaker's photo
    React Native

    Karan Thakkar

    Skyscanner, UK

    Karan works as a Mobile Engineer at Skyscanner, building the React Native infrastructure enabling other teams within the org to use it. Previously, he lead the Web team at Crowdfire

  • Speaker's photo
    Performance

    Alex Moldovan

    Fortech, Romania

    Coder, blogger and tech enthusiast in general, Alex is always eager to talk about web development, javascript and programming overall. He dedicates a lot of time to teaching others, through mentoring and coaching activities and organizing JSHeroes, the biggest JS conference in Romania.

  • Speaker's photo
    React Native

    Ori Harel

    Capriza, Israel

    An experienced full stack developer mainly focused on UI and mobile apps. I've been developing mobile apps for almost 10 years now working at companies like Mercury (HP), Jajah, DVTel, Check (Intuit) and Capriza.

  • Speaker's photo
    Animations

    Jeremias Menichelli

    Typeform, Spain

    Jeremias is an experienced front end engineer. He built all kinds of projects, from crazy animated experiences to big scale single page applications and Node services. He's currently working on design systems at Typeform and he's a member of webpack documentation team.

  • Speaker's photo
    React Native

    Raphael Eidus

    HuffPost, USA

    Director of Software Engineering at HuffPost (Oath). Working to create large scale applications for users all over the world. Avid fan of Javascript and functional programming. Recently working to expand the open source community around React Native.

  • Speaker's photo
    Deep dive

    Raphael Amorim

    GoDaddy, Brazil

    Software Developer Engineer at GoDaddy. Working on React-Ape and React-TV. Loves Japanese culture, 70s/80s songs and a lot of 8bit art.

  • Speaker's photo
    Reason

    Nik Graf

    Freelance, Austria

    Passionate about ReasonML, WebVR, Skiing & Triathlons. Co-Creator of DraftJS Plugins & Polished. Organizer at ReasonConf

  • Speaker's photo
    Architecture

    Elianne Schutze

    Trainline, UK

    Eli Schutze Ramirez is a web engineer at Trainline in London where she’s helping make train travel a better experience. 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.

Meet your MC's

  • Speaker's photo

    Jani Eväkallio

    Formidable, UK

    Jani, a veteran of the Frontend Framework wars, has earned his battle scars writing JavaScript on the bleeding edge for the last decade. Today, he leads a team building cross-stack React mobile and web apps at Formidable London. He gets childishly excited about beautiful user interactions and design tools. In his spare time, he performs improvised comedy and speaks at conferences advocating for the React ecosystem, particularly React Native and GraphQL.

  • Speaker's photo

    Carolyn Stransky

    Blacklane, Germany

    Carolyn Stransky is a frontend developer and former technical writer based in Berlin. She currently works at Blacklane and teaches at ReDI School of Digital Integration. You’ll usually find her looking at memes or taking selfies in the nearest restroom.

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.

Berlin photo

React, the 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!

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.

Berlin photo

Brandenburg gate at the sunset

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.

Berlin photo

Museum island on Spree river in center Berlin

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.

Berlin photo

Oberbaum Bridge

Talks

Powering Code Reuse with Context and Render Props

Forbes Lindesay

Threads, UK

React's context API has always been labelled as experimental, but from the advent of Redux it has been used in all the most exciting react libraries. It's about to become a stabilised feature so now is the perfect time to learn the new context API.
Combining the context API and render props lets gives you unprecedented power to cleanly reuse code across components. It even plays well with TypeScript and Flow. This talk will explain how context and render props work and give you some ideas of how to use them to simplify your own code.

Patterns

Starter Kit: GraphQL Boilerplates

Manjula Dube

Marley Spoon, Germany

At some point when you often start with GraphQL you often think how do I even start integrating to my frontend tech stack with GraphQL. The talk is going to be all about explaining a boilerplate available from basic to advanced level. This is one of the open source project I am working with Graphcool team as an open source developer.

GraphQL

Structure Your App's Story With Sagas and Selectors

Rebecca Hill

Usabilla, The Netherlands

As apps begin to scale, many developers find themselves asking the question - but where does all the hard stuff go? The complicated data manipulation, the validation, the process flow of our apps. In other words, the business logic. If React is designed for the view layer, and we’re using Redux or something similar for the state, then where does the business logic go? This talk looks at the different options and tries to answer that question.

State

Navigating the hype-driven frontend development world without going insane

Kitze

ReactAcademy, Macedonia

The obsession to always move on to the latest and greatest, and the fear of missing out while working with something that's older than a few months is currently dominating the dev world.
Do you have enough time to learn the latest version of your favourite library or framework? Will this leave enough time if you need to learn something new? Should you stick with what you know? Should you forget about what you are using and start learning something new? What are other front-end developers using? Should you follow the crowd? This is a problem that everyone struggles with. So many decisions to make, but Kitze will help you find the answers.

Hype

Feature Driven Architecture

Oleg Isonen

JSS, Germany

Large applications cannot be structured the same way as small applications. Many good decisions you make for a small application suddenly become bad once it grows in code and organization size. Let me walk you through a number of challenges and good decisions for scalable applications.

Architecture

Designing React Native Modules For Every Platform

Vincent Riemer

Symantec, USA

React Native

Secrets to a successful design system

Monica Lent

SumUp, Germany

Inconsistent UI is the enemy of developers and designers alike. And while design systems are a modern and scalable way to solve this challenge, implementing one is not as straightforward as it might seem: from getting buy-in from management to picking your tech stack, rolling it out, and releasing changes to multiple apps — there are a lot of things that can go wrong. In this talk, you'll learn how to pitch a design system to your boss, rarely discussed technical caveats and challenges, and how to set your design system up for success from the start.

Design

Tip top testing in JavaScript

Jack Franklin

Thread, UK

In this talk we'll dive into the approaches and strategies needed to create a great unit test environment for your JavaScript and React applications. We'll examine what makes the perfect test, what to avoid, and how to use more complex features like mocks and spies to enable you to write tests more easily. We'll also look at some of the common pitfalls and mistakes people make that can really begin to hurt you as your test suite grows.

Testing

Abstracting the business away with React+Redux

Elianne Schutze

Trainline, UK

So you learned React, you tried the counter example, you built a To-Do app and graduated to using a third party API. Congrats! You're a React dev, but what happens next? Let's talk about how React fares in the real world when "the business" gets involved.

Architecture

Type systems & props design - exploring PropTypes, TypeScript, Flow & Reason

Nik Graf

Freelance, Austria

Badly designed props can lead to components that are frustrating to use. While there are a couple patterns to make components more pleasant to use, ultimately it needs a type system in combination with a good editor integration for an even better developer experience. Yet not all type systems are the same. They offer different features and therefore lead to different experiences.
In this talk we explore and compare PropTypes, TypeScript, Flow & Reason to cover use-cases like enums or tagged unions for component props.

Reason

The Lonely and Dark Road to Styling in React

Sara Vieira

YLDio, Europe

CSS is hard !I made a living out of it being hard but when React was introduced we had a whole new level of fighting over CSS. There are so many ways to approach it and so many tradeoffs one can do when choosing the better approach that a talk that will go over these options is more than necessary. Let's walk this road thogheter and I promise it will all be fine and you will leave with an ideia of type of styling is better for each project. Hint: There is no perfect way...

CSS in JS

Framer X Inside Out

Artem Riasnianskyi

Framer X, The Netherlands

Framer X is an advanced interactive design tool, powered by React. In Framer X, you can use actual React components in your design, bringing Code and Design together in a completely new way. We’ll talk about the challenges we encountered while creating Framer X. From how to make a performant graphics editor to building a dynamic component loader.

Case studies

Optimizing the Critical Rendering Path in React

Alex Moldovan

Fortech, Romania

One of the crucial elements of performance is to ship relevant content to your users as soon as possible. But in modern web applications, figuring out what to ship and what to prioritize can be hard. Framework driven applications have the big disadvantage of being pretty heavy for the initial load. We will start from understanding how the browser works, then we will explain what the critical rendering path is and how we can optimize it. Expect a talk full of valuable resources and ideas that one can use to improve the performance of a modern web application, with a case study on a React powered application.

Performance

Insights from building rich animated experiences in React

Jeremias Menichelli

Typeform, Spain

Have you ever wondered why good performance is so hard to achieve in heavy animated web applications?
This talk is a practical retrospective on the discoveries, the pains and the journey that led me to build reliable bulletproof animations and transitions in real life production projects.

Animations

Writing your own React Renderer

Raphael Amorim

GoDaddy, Brazil

Talk about reconciler, life cycles, and custom-renderer. The idea is to introduce how to create a custom renderer and how the reconciler handles elements, components, and instances.

Deep dive

Troubleshooting a slow app, a practical guide to great React Native performance

Jean-Rémi Beaudoin

Theodo, UK

React Native is amazing at helping you deliver in production live apps very quickly. But to get there, you sometimes have to cut corners. Once you have a successful app loved by thousands of users, you start to wonder how to tackle performance issues. Figuring out where to start can be tricky.
This will be a practical guide about tools that can help you identify bottlenecks and quickly find ways to increase your app’s performance.

React Native
Performance

So you want to use React Native in your mobile app?

Karan Thakkar

Skyscanner, UK

In this talk, Karan will share his learnings from working on the React Native infrastructure at Skyscanner. These are concepts, issues and roadblocks that a developer would encounter in their journey of integrating React Native in a brownfield app. Knowing these ahead of time would help folks take the right decisions when building their own React Native infrastructure.

React Native

Building A Large Scale React Native App

Raphael Eidus

HuffPost, USA

At HuffPost we just finished rebuilding our main android news app in React Native. Explore some of the decisions we made about our code base and how those decisions impacted the success of the project and its future potential. Covering the React Native Bridge, State Management, Data Persistence, Offline Experiences, Asynchronous Tasks, Testing, and more. Attendees of this talk should be be able to make an informed decision at the end of the talk about whether React Native would be useful in their next project in addition to knowing how to avoid common problems.

React Native

Using SVG in React Native

Ori Harel

Capriza, Israel

Vector graphics is in fact the best way to provide great visualization and interaction combined. It exist on all platforms in some way or form, so it's just natural to use it in React Native. In this talk, I'll show you how I integrated the use of SVG with the opinionated component and state system of React, but in the same time keeping things highly performant when interacting with the UI thread - a topic a lot of developers are struggling with.

React Native

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.

Sponsors

Support local React community

Check our partnership proposal

We’re no strangers to Berlin’s scene