The schedule of the event has been carefully curated. In true Finnish style, we rather focus on quality than quantity. There is no call for papers and the speakers have been chosen with care.

24.04—Tuesday—Workshops#

Each session will take four hours and they are arranged twice so you have a chance to choose two. A session is capped to twenty people. The first sessions are from 9 to 13 and the second sessions are from 14 to 18.

  • Reactive State Machines—Learn how to refactor an old application to use state machines with David Khourshid.
  • ReasonML – See the reason in ReasonML with Nik Graf and Patrick Stapfer.
  • Style Guides in React – Learn to develop style guides for your React application with Andrey Okonetchnikov and Artem Sapegin.
  • React Native with Gant Laborde.
  • Universal React with Next.js – Learn how to develop React in Universal way with Sia Karamalegos.
  • Webpack – The Good Parts – Learn more about webpack from one of its core developers, Juho Vepsäläinen.

The following four hour workshops are arranged only once:

  • Babel – Learn Babel thoroughly with Sven Sauleau, a core developer.
  • Testing React – Learn how to test React with Sara Vieira.
  • Detox – Learn graybox E2E testing with Rotem Mizrachi-Meidan, the author of the tool.

We also have a full day workshop (eight hours including a lunch):

  • State Management with Michel Weststrate, the author of MobX and Mobx-State-Tree. This session is longer, from 09 to 18.

25.04—Wednesday—React#

In Finnish style, we start each day early. We also eat lunch early. This way we'll have time to visit sauna, the holiest place of our culture.

The first presentation day has a strict focus on React itself. Each session ends with a brief break and we have a couple longer breaks in between:

08:00–09:00

Registration, Finnish breakfast. #

Trust me, it's the best.

09:00–09:45

How React changed everything — Ken is the Director of Open Source at Formidable, the author of several popular open source libraries, and a frequent conference speaker often focusing on alternative uses of React.

He is the creator of libraries such as Spectacle, react-music, react-game-kit and Webpack Dashboard. He also maintains a healthy Twitter presence, and enjoys red meat, whiskey and recreational archery.Ken Wheeler#

This talk will examine how React changed the front end landscape as we know it. We'll start by recounting the pre-React landscape, including prior art. Next, we'll venture into the introduction of React, and its reception and growth.

But most importantly, we will take a look at the core idea of React, and why it transcends language or rendering target and posit on what that means going forward, including what React might look like years from now.

  • React
10:00–10:45

Declarative state and side effects — Christian has been crunching JavaScript for about 8 years. In the recent years open source and writing articles has become a passion. Throwing bad and not so bad ideas out there to see what is valuable to people. Author of Cerebral, created Webpackbin and JSBlog... amongst other things.Christian Alfoni#

Writing declarative code for our UIs is so common that we do not even think about it. But when it comes to writing logic for managing state and side effects it requires a lot of discipline to get the same benefits. We are going to talk about how we can get help writing our business logic in a declarative manner and see what benefits it gives us.

  • Cerebral
  • React
  • State management
11:00–11:30

Lightning talks #

Immer: Immutability made easy — Full-stack tech lead and open source evangelist at Mendix. Author of MobX, MobX-State-Tree and Immer. On a quest to make programming as natural as possible.Michel Weststrate#

Immer is a tiny package that allows you to work with immutable data structures with unprecedented ease. It doesn't require learning new data structures or update APIs, but instead creates a temporarily shadow tree which can be modified using the standard JavaScript APIs. The shadow tree will be used to generate your next immutable state tree. Join this talk to see how to write your reducers in a much more readable way, with half the code and without requiring additional large libraries.

  • Immer

Breaking Down Your Web App — Patrick helps React and Node.js conquer the tech stack at eBay in Berlin. He has been a professional software developer since 2000 and joined eBay in 2010. Notable projects are the relaunch of the homepage of eBay's car trading platform mobile.de in 2015 and the rewrite of eBay’s automotive online community MOTOR-TALK.de (ongoing, since 2017).Patrick Hund#

Let’s face it – the question is not if your codebase will become a horrible, unmaintainable mess, it’s only a question of when

What architecture patterns and strategies are there to break down your web application’s code into cleanly separated components? How can you compose your software of “Lego bricks” that you can simply replace with shiny new ones when they have become rotten?

Patrick will show you how to be proud of writing code that’s easy to throw away instead of being proud of writing code that haunts your colleagues and your future self forever!

He will show some hands-on examples from his current work on the relaunch of eBay’s automotive online community MOTOR-TALK.de. While these are based on JavaScript, React and Redux, the underlying patterns will be useful for users of other languages and frameworks.

  • Legacy
  • React
  • Redux

How to use React, webpack and other buzzwords if there is no need — Varya Stepanova is a developer enthusiast for modular web and pattern libraries. She loves automation, also in the development processes, strongly believes in open-source community and likes social media. Originally from Russia, she now lives in Helsinki with her family and two cats.Varya Stepanova#

The best way to study a new development approach is to do it in practice. But good projects built with modern technologies most often require developers with experience in these technologies. One of the options to get this is a side project. What can it be in React?

Varya will show how to generate a multilingual static website using Metalsmith, React and other modern technologies and tools. For over a year, she has been using this stack to build her personal blog and it turned out to be expressive, fast and convenient. After all, it’s our beloved React.

  • React
  • Tooling
11:30–12:30

Lunch #

It's functional. You are not supposed to like it.

12:30–13:15

Styled Components, SSR, and Theming — Frontend developer with over 6 years of experience around various frameworks and libs knowledge in my basket (such as React+Redux, Polymer, Ember, Backbone). Always eager to go deeper ;DKasia Jastrzębska#

All you need to know to become hero of CSS-in-JS with styled-components. We will go through the new API, performance improvements, server side rendering with Next.js and the theming manager available with v2 of styled-components.

  • React
  • Server Side Rendering
  • Styling
13:30–14:15

Universal React Apps Using Next.js — Sia Karamalegos is the founder and lead developer for Clio + Calliope Web Development. She has over 15 years of experience in technology, strategy, project management, and operations from small startups to large corporations across multiple industries, especially high-tech and education. She leverages her depth of experience with software engineering to build high-value applications.Sia Karamalegos#

Every user’s hardware is different, and processing speed can hinder user experience on client-side rendered React applications. Server-side rendering and code-splitting can drastically improve user experience by minimizing the work that the client has to do.

It’s easy to get lost in the lingo, so come learn what it all means and how to easily build universal React apps using the Next.js framework. We’ll walk through the concepts and use code examples to cement your understanding. You’ll get the most out of this session if you’re comfortable with React and ES6 syntax.

  • Next.js
  • React
  • Server Side Rendering
  • Universal React
14:15–14:45

Coffee break #

We don't mind if you drink tea, though. Water is available as well.

14:45–15:30

React Testing — Front-End Developer at @YLDio, open sorcerer, maker of useless modules, Blogger, Drummer and horror movie fan girl.Sara Vieira#

Build apps is hard, super hard but not testing them makes them even harder as time goes by. Ever changed a component and then broke something on the other side of the app? Testing is important! Let's see how we can achieve inner peace in our apps by testing, we will go over Enzyme, Snapshot testing, UI testing and introduce many ways to make tests easier and more enjoyable.

  • React
  • Testing
15:45–16:30

Detox: A year in. Building it, Testing with it — Rotem is a Software Engineer, open source advocate, passionate about Android, React Native, mobile performance, writing developer tools and Lego! In his current position at Wix, Rotem is working with React Native, writing infrastructure and testing tools.Rotem Mizrachi-Meidan#

A year in, developing and using Detox in production taught us a lot. From designing its API to consuming it, testing real user scenarios to advanced mocking, we learned what makes sense when E2E testing an app and what doesn’t.

In this talk, we’ll discuss how Detox works and what makes it deterministic, cover some advanced use cases and methodologies, go over new features and tease the ones that are upcoming.

  • Detox
  • React
  • React Native
  • Testing
  • Tooling
16:30–17:00

Coffee break #

We don't mind if you drink tea, though. Water is available as well.

17:00–17:30

Lightning talks #

To be announced — Sven is a software engineer living in France and mostly working with Golang and JavaScript. OSS enthusiast and one of the persons behind Babel.Sven Sauleau#

To be announced

  • Babel
  • Tooling
17:30–18:00

Panel #

Panel discussion to end the day.

There will be fun after the panel.

26.04—Thursday—More React#

The second day of the event continues where the first one left off:

08:00–09:00

Registration, Finnish breakfast. #

Trust me, it's the best still.

09:00–09:45

The New Best Practices — 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.Jani Eväkallio#

When React was first introduced, it was ridiculed for going against established web development best practices as we knew them. Five years later, React is the gold standard for how we create user interfaces.

Along the way, we’ve discovered a new set of tools, design patterns and programming techniques. In this talk, we’ll explore how we can apply the React philosophy to software engineering problems far beyond the React ecosystem.

  • React
10:00–10:30

Get started with Reason — Nik cares about good UX and development tools. He co-created several popular open source projects like DraftJS Plugins and Polished. Nik participated in Stripe’s Open Source Retreat and joined Serverless Inc. to deploy auto-scaling infrastructures. In his spare-time he enjoys writing code in Reason and play with WebVR as well as organising the ReactJS Vienna meetup.Nik Graf#

We will kick off with the basics and then quickly go into how to leverage features like variant types and pattern matching to make impossible states impossible. After you gained some knowledge about the basics the course will dig even further into ReasonReact.

  • React
  • React VR
10:45–11:30

ReasonML — Patrick Stapfer is a JavaScript Software Engineer and freelancer, mostly known for his contributions to the Flow type checker ecosystem and his recent work at Runtastic, where he spent most of his time working on the Mobile News Feed feature (built in React Native). Most of his Open Source time is dedicated to the ReasonML and OCaml platform to build robust, type-safe JS applications.Patrick Stapfer#

  • React
  • Reason
11:30–12:30

Lunch #

You might like it better this time.

12:30–13:15

Reactive State Machines and Statecharts — David Khourshid is a Florida-based web developer for Microsoft, a tech author, and speaker. Also a fervent open-source contributor, he is passionate about JavaScript, CSS, animation, innovative user interfaces, and cutting-edge front-end technologies. When not behind a computer keyboard, he’s behind a piano keyboard or traveling.David Khourshid#

Managing the many user interface states of an application easily becomes complicated. We'll discover how some historical and important computer science concepts – state machines and statecharts – and a functional + reactive approach can make it much easier to understand, visualize, implement, and automatically create tests for complex user interfaces and flows.

  • React
  • State management
13:30–14:15

ReactVR — Shay is an experienced developer with a rich background in developing complex user interfaces, both for 2D and 3D. Currently Shay works at 500Tech on various projects, trains and consults companies and organizes the ReactJS meetup community.Shay Keinan#

WebVR enables web developers to create frictionless, immersive experiences. We’ll explore the core concepts behind VR, see different demonstrations, learn how to get started with React VR and how to add new features from the Three.js library.

  • React
  • React VR
14:15–14:45

Coffee break #

Other beverages are available too although black coffee is our favorite.

14:45–15:30

World Class experience with React Native — Lead software engineer in Callstack - company which provides the highest-level consultancy services for React and React Native. Lover of GraphQL's simplicity and a big supporter of "learn once, write anywhere" motto.Michał Chudziak#

A case study of the app I'm currently working on with my team. I'll show you how we managed to set up a friendly environment with the best DX, spot bugs in early stage and deliver continuous builds to QA (just by merging the PR’s). I'll also cover dropping classic state management thanks to apollo-link-state and overcoming react-native and metro-bundler limitations. You can't miss this one!

  • React
  • React Native
15:45–16:30

React Native Ignite — Gant is a New Orleans-based force of nature. Not satisfied to be “just” an experienced programmer in an array of disciplines, he’s also a prolific writer, an award-winning public speaker, and an adjunct professor.

A self-improvement aficionado, he takes every opportunity to connect with people and share knowledge through education and outreach. In the zombie apocalypse, Gant will run our much-needed bar, offering up advice, encouragement, and libations in equal measure.Gant Laborde#

Life can be simple again. Haven’t we built the same house, or given the same haircut over and over? 80% of mobile app development is the same old song. So why is mobile so difficult/expensive? It’s not with React Native.

Let's look at how simple it is to get started in React Native using Ignite CLI. Using Ignite, you can jump in with a popular combination of technologies, OR brew your own. Ignite is the freedom to learn and automate your mobile app.

  • React
  • React Native
16:30–17:00

Coffee break #

Other beverages are available too although black coffee is our favorite.

17:00–17:30

Lightning talks #

17:30–18:00

Panel #

Panel discussion to end the conference.

🥇 Gold Sponsors#

🥈 Silver Sponsors#

Partners#

Partners#