React Native EU 2018 will take place on September 5-6th 2018 in Wroclaw, Poland

with series of workshops hosted on September 3-4th.

Conference 2017

September 6th-7th, Wroclaw, Poland

Conference

React Native comes to Poland

First conference in the world to focus on anything and everything React Native. No web, backend or general purpose talks. We've seen it already. Community, core contributors, insights, networking and tons of knowledge - that's all waiting for you in one of the most beautiful cities in Central Europe - Wroclaw.

There are lots of tricky things with React Native, partially because of iOS and Android ecosystems. There are lots of unanswered questions hanging around, or just people struggling to find answers for problems that may seem trivial to us. This conference is the place they can visit, get answers to questions and go home start writing their next cool startup. And that’s the real purpose of the conference. I am excited for Callstack.io, the company I've founded, to be part of this transformation.

Speakers

Emil SjölanderFacebook

Emil works on building frameworks at Facebook. Lately he has spent most of his time working on Yoga, a cross platform open source layout engine. Yoga is used in React Native as well as many other frameworks built both within and outside of Facebook. Emil loves working with the open source community to build cool stuff.

Eloy DuránArtsy

Eloy Durán is a serial open-sourcerer and lead engineer at Artsy, where he has overseen the adaptation of React Native in Artsy’s pre-existing flagship iOS app. Coming from a long history in Apple development, he started the CocoaPods project (the npm/Yarn for Xcode projects) and has worked on various other technologies.

Ken WheelerFormidable Labs

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

Satyajit SahooCallstack

A Front-End Javascript Developer at Callstack.io, with a passion for design. He likes to learn new things and is a very fast learner. He is stubborn and he doesn’t like to leave problems unsolved. He pays attention to minor details.

Gant LabordeInfinite Red

As tech lead for the San Francisco company Infinite Red, Gant works remotely from his home and uses his self-managed autonomy to explore a variety of leadership arts. Besides managing the all-remote team from around the world, Gant has become a published author, adjunct professor, volunteer mentor, and a speaker at conferences world-wide.

Ville ImmonenReindex

Consulting developer building stuff with React and React Native. Co-creator of Reindex – the first GraphQL backend as a service. Create React App maintainer.

Tal KolWix

Head Of Mobile Engineering at Wix. A full-stack developer, co-founded two technology companies, the latter acquired by Wix.

Andre Staltz

Open source hacker and former web and mobile developer at Futurice. He is known for his involvement with reactive programming for user interfaces, particularly with the ReactiveX libraries. Andre has built JavaScript libraries and tools such as Cycle.js and xstream.

Eric VicentiFacebook

A self-taught web developer who has been working on React Native and apps at Facebook since joining in 2014. He now focuses on the needs of the React Native open-source community.

Jani EväkallioFormidable Labs

Lead Mobile Engineer at Formidable Labs, creator of Pepperoni app blueprint, GitHub drive-by shooter, and an unapologetic React Native fanboy. He dreams of the convergence of web and mobile development; a singularity, if you will.

Software engineer passionate about React, React Native and their ecosystem. Co-author of RNPM. Author of "How to create your own native bridge" articles.

Martin Konicek

Martin has worked on React Native as a member of Facebook team.

Vladimir NovickCodeValue

Web Architect at CodeValue, Consultant, Author of “React-Native - Building Mobile Apps with JavaScript”, Indie Game Dev and IoT enthusiast. He brings with him lots of experience with various frameworks and FED technologies. Being ReactJS Israel Co-Organizer, he absolutely loves ReactJS and try to bring it to the masses, while on his daily job writing in ReactJS & React Native, Redux, Es6/7. Vladimir previously worked in Gaming industry as Lead Front End Developer & Architect, Team Leader and Senior FED.

Aaron GreenwaldWix

Before mobile development with React Native existed, Aaron architected and built web apps using AngularJS and other web development tech. Now he’s part of the team building Wix’s mobile presence, and is focused on delivering first-class experiences to users who need their business to be mobile.

Michael HabermanIndependent Consultant

Michael Haberman (MCT, MCPD, AWS solution architect, GDG organiser) is a senior consultant and Lecturer. He is a fullstack expert, which specializes in rich client technologies such as Javascript, HTML & CSS, Loves Node JS and AWS. Micro services is my new specialty. Michael is the co–author of Microsoft’s official courses for Essentials of Developing Windows Store Apps Using C# (20484C) and Advanced Windows Store App Development Using C# (20485C). In addition to consulting Michael train, lecture and speak at conferences both in Israel and abroad.

Adrien ThieryOsedea

React Native Jedi, I’m doing a lot of React and PHP as well. On my free time, I’m doing python and DevOps related stuff. Living in the beautiful city of Montreal, Canada these days.

Philippe TrépanierOSEDEA

Full Stack Software developer. Focused on streamlining the development process for all platforms. Open-source devops whenever possible.

Naoufal KadhomNetflix

Naoufal is a Senior Software Engineer at Netflix. At Netflix, Naoufal writes cross-platform JavaScript that enables millions of people like yourself to binge-watch the latest Netflix Original. He previously worked as a Senior UI Engineer at Unsplash. When he isn’t shipping the latest and greatest at Netflix, he can be found attempting (and failing) to avoid San Francisco hills while running and cycling.

Florian RivalBAM

Florian works at BAM in Paris with a team of 30 guys building mobile apps using React Native. They started using React Native since it was released and became the largest team in Paris working with the framework since then. He's also the author of GDevelop, an open source game creator software to make games without programming - built with React, Electron and Emscripten. His last side project is Lil BUB's HELLO EARTH - a cross platform game powered by Javascript.

Workshops

Each workshop day will end around 6 PM CEST.

The workshops ticket includes the whole, 2-day session. On the second day, you can chose freely between the workshops from both tracks.

September 4th

08.00

Registration

09.00

Mike Grabowski & Nader Dabit

Callstack.ioReact Native Training

Getting Started with React Native [an all-day session]

About the workshop

With React Native, you don't build a “mobile web app”, an “HTML5 app”, or a “hybrid app”. You build a real mobile app that's indistinguishable from an app built using Objective-C or Java. React Native uses the same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together using JavaScript and React. In this workshop you'll learn from a React Native core-contributor as he guides you through the framework, ecosystem, syntax, and best practices to build a real-world application.

Topics

Introduction to React Native (setting up project, tools, debug)

Quick glance at the standard app

Core components (layout, styling)

Lists (ScrollView, ListView)

Navigation

Animations

Native modules

Note

Before the workshop, please follow the installation instructions to prepare all the software dependencies. macOS devices are preferred, but *nix and Windows powered machines would also work, although you won't be able to build iOS applications.No React Native knowledge is required. Participants should be familiar with Javascript and ideally, basics of React. We will do a quick introduction to both before we start though.

September 5th

08.30I track

Ville Immonen & Mikhail Novikov

Reindex

Using GraphQL with React Native

About the workshop

In this workshop you'll learn how to use GraphQL as a data layer of your React Native app with Apollo Client. The workshop assumes basic knowledge of React Native and GraphQL. We will build a small application that uses an existing GraphQL API to interact with data.

Topics

Setup with create-react-native-app and Expo.

Queries and fragments.

Mutations and optimistic updates.

Pagination.

Persisted queries.

Schema first development.

01.30

Jani Eväkallio & Phil Plückthun

Formidable Labs

Animation and Interaction

About the workshop

In Jani and Phil’s workshop you’ll learn how to bring your apps to life. In this course, you will:

Dive deep into the React Native gesture responder system and the PanResponder API to understand how to build complex touch interactions.

Learn how you can simplify animations and interactions with third-party libraries like react-native-animatable, react-native-interactable and react-motion.

Understand how you can use animations and interactions to give your app that elusive native feel.

Build cool demos that will blow your mind!

08.30II track

Ferran Negre Pizarro & Raúl Gómez Acuña

Callstack.io

Navigation in React Native

About the workshop

We’ll implement an application that will be composed of different screens and for that, we’ll leverage 2 different navigation libraries, react-native-navigation and react-navigation. We’ll showcase pros and cons of using each one, focusing on cross-platform, flexibility, developer experience, community behind it, deep linking and more! After this workshop, you should be able to assess with confidence which navigation library suits the best your needs, given your project requirements.

01.30

Michał Chudziak & Piotr Drapich

Callstack.io

Universal React

About the workshop

During this workshop you’ll learn how to design shareable codebase, create components which are reusable between platforms and handle the differences in gentle way. We’ll show you tools to achieve reusability between web and mobile and also teach you the best practices in cross-platform development.

Conference agenda

September 6th

08.30

Registration

09.15

Mike Grabowski

Callstack.io

Keynote

09.30

Gant Laborde

Infinite Red

Rapid React Native

Building libs is fun, but building apps is REALLY fun. Let's go over some of the best practices and ways we can build apps that fit your needs and your team!

10.00

Emil Sjölander

Facebook

React Native, the native bits

React Native is much more than javascript. Every React Native app runs at least 4 different languages for the purpose of sharing code, implementing efficient subsystems, and interacting with the host system. We will look at how these systems work together and among other things learn how a javascript style object in your component gets translated into efficient C code in Yoga, the underlying layout engine.

10.30

Coffee break

11.00

Jani Eväkallio

Formidable Labs

When “Good Enough” Just Isn’t Good Enough

The history of UI programming is littered with frameworks that failed because they compromised user experience in favour of rapid development. As a technology, React Native has what it takes to avoid this fate, but it’s up to us to prove it by building delightful experiences that feel native to the platform.
The question “does it feel native?” encompasses a breadth of topics: predictability, performance, gestures, motion, sensors, sound, and more. For those of us coming from web development, there’s a lot to learn. This talk explains what users really expect from our apps, and how we can use React Native to not only meet, but exceed their expectations.

11.30

Ville Immonen

Reindex

Home automation with React Native and Raspberry Pi

Over the past year I built an open source home automation system for controlling heating, outdoor lights and power outlets at home using Raspberry Pi, React Native and GraphQL. In this talk I share how I did it, what I learned and how you can get started with your own hardware project.

12.00

Satyajit Sahoo

Callstack.io

Building of Snack - The React Native Playground

There’s no shortage of web apps which let you quickly write some code and preview it instantly on the web without having to setup a development environment locally. Snack is provides the same seamless experience for React Native. In this talk we will dive deeper to see how Snack works under the hood, the challenges we faced while building it and what can use you use it for.

12.30 – 13.30

Lunch

13.30

Tal Kol

Wix

Going Over The Speed Limit - Synchronous Rendering in React Native

Asynchronous rendering is one of the core principles of React. On the web, the ability to batch updates and work on a virtual DOM proved to be key factors in improving rendering performance. The same architecture seems to do miracles in React Native and gives JavaScript the performance boost needed to render native views effectively. This benefit of React Native is also its greatest drawback. For certain types of problems in native mobile, asynchronous rendering introduces an overhead that is almost impossible to bridge. List views are a good example, as even the best implementation to date, FlatList, struggles to keep up with the fill rate of the most naive list implementation in pure native. Is it possible to introduce synchronous rendering to React Native and tackle this category of problems from a different direction?

14.00

Florian Rival

BAM

Building native modules for React Native

A great strength of React Native is how easily we can interface our app with native code. While working with React Native, I created a module (react-native-image-resizer) to resize local images using native APIs, integrated a native SDK to a React Native app and we added React Native to an existing native app. Let's see how to do this and how it's working internally!

14.30

LIGHTNING TALKS

Guillermo Orellana Ruiz

Badoo

React Native and Badoo: story of a massive experiment

At Badoo we have four main mobile teams: Android, iOS, Windows Phone (yes, for real!) and Mobile Web. When Mobile Web started adopting React in their projects, it was only a matter of time for us to ask ourselves: should we try React Native? And so we did! This is a short story of our journey with React Native: discovering it, adapting it, making things work and the most important part: convincing your managers that it's worth our time!

Johannes Stein

Scaffolding plugins for React Native

Every now and again we need to integrate native code into our React Native app. First we create the iOS glue, the Android one and this repeats over and over again for every plugin. Wouldn’t it be great if there was something like react-native init ... for native plugins? I created react-native-create-library a while back and would like to present how it works, what it does and hope for some feedback to improve this CLI app.

Pavel Aksonov

What is RNRF (react-native-router-flux)?

React Native is great product but lacks for stable, intuitive and easy navigation API during many years. Every year we see new, better API: Native Navigator, ex-Navigator, NavigationExperimental, ex-Navigation, wix native navigation, airbnb native navigation, ReactNavigation… Once I've started React Native development, in 2015, I created RNRF - simple API for easy navigation. It was clear that better navigation instruments will come later but I didn't want to change my code again and again to switch for better API. Every new major version of RNRF is based on different navigation framework and mostly preserves own API. Another goal was to represent all navigation flow within one place in clear, human-readable way - similar to iOS Storyboards concept. This way other engineers could understand your app flow faster. I want to talk about latest version (v4) of RNRF based on ReactNavigation and MobX and provide best practices. New version provides not only navigation solution but also proposes a way to manage your app state.

Sanket Sahu

GeekyAnts (Native Base)

Introducing the React Native Builder

Bringing Designer and Developer on the same repo with React Native Builder. Don't just prototype but code as a designer. Introducing the React Native Builder.

Yoel Gluschnaider

Skyscanner

How Skyscanner Tests RN Bridges on iOS

If your app is a hybrid of native and RN, you will probably rely on a lot on bridges to expose native behaviour to your JavaScript. Like any production code and especially for infrastructure code we want to test the bridges. In this talk we will show how we covered our bridges with automated tests.

Kristijan Ristovski

React Academy

Why does component-based styling for React Native make sense

In React Native, we are styling elements using JavaScript objects, so obviously, we don't have most of the problems that CSS brings along. So why would we use a component-based styling library like styled-components or glamorous-native? In this talk, we will learn about all the advantages that these libraries have over the traditional styling method with objects.

16.00

Coffee break

16.30

Andre Staltz

Composable Native APIs

The declarative nature of React components is what makes it composable and attractive for UI development. React Native provides a way of using React for native development, but also introduces a couple of APIs for interacting with native modules, and these are not declarative. It is not always clear where to call these APIs from, and usually they end up in lifecycle hooks or redux middlewares in an unstructured style. In this talk we will see how Cycle.js (or in general, a hexagonal architecture) can help manage both React components and Native APIs in a declarative fashion, to organize code and make it more testable.

17.00

Michael Haberman

Independent Consultant

React developer? Great! How are your production skills?

Developing a good design website is an important skill, but let’s not forget that our code will be deployed in production environment and thousands will consume it. That may lead to a nightmare: you get a stack trace of a bug, but wait, it is minified and packed, you have no idea what this bug is or how to reproduce it. In this talk we will take Michael rich experience in production environment and go from case to case to learn from other people’s mistakes.

September 7th

09.30

Eric Vicenti

Facebook

Practical hacks for delightful interactions

It's tempting to think that smooth and delightful UIs would also have beautiful, easy to read code. In all practicality, there are a number of gross hacks that React Native developers will utilize to implement slick user experiences. We will review the implementation of a photo viewer, and discuss the dirty hacks that were necessary to deliver a delightful user experience. Then we will look forward and see how the ecosystem can evolve to avoid the hacks without compromising on the resulting experience.

10.00

Ken Wheeler

Formidable Labs

Reasonable React Native

An introduction to writing React Native applications using ReasonML. Find out why ReasonML is great, why writing React Native with Reason is the jam, and learn how you can get started with it today!

10.30

Nader Dabit

React Native Training

Cross Platform & Beyond

React Native was originally built to target only iOS and Android operating systems, but as popularity of react as well as the reactive paradigm grew in popularity and opened other doors to other platforms, projects such as React Primitives and React Native Web began to take shape. We are now also seeing other paradigms in the same space such as ReactXP, Weex, and Flutter begin to take shape. We will dive into each of these platforms and discuss how they work, what their APIs look like, how they differ from the traditional React Native platform, and how the future of cross platform development is evolving.

11.00

Coffee break

11.30

Eloy Durán

Artsy

Integrating React Native into an existing native codebase

You’ve got an existing application and have come to the exciting conclusion that you want to adopt React Native. Rather than rewriting your full application at once, you may want to introduce it in an iterative fashion and without impeding progress for developers that are continuing to work on the existing codebase in the interim. But where and how to start? This talk will focus on _why_ at Artsy we came to the conclusion to use React Native and provide practical examples on _how_ we integrated it into our existing Objective-C/Swift codebase.

12.00

Martin Konicek

Building a Product with React Native

How do engineers at Facebook build products with React Native? We'll walk you through building a simple screen in the Facebook app with React Native on both platforms, covering some GraphQL in the process. We'll discuss the collaboration between engineers and designers. We'll also cover A/B testing which is a crucial part of shipping most code at Facebook. The talk has practical examples taken from a project Martin worked on.

12.30

Alexey Kureev

Werkspot

Network layer in React Native

React Native provides us with a set of primitives for building mobile applications. A few of these can be aggregated into a "networking" layer that manages the transfer of data. This layer was designed to mimic an API we have in the Web, but despite all the similarities, it has its own *qualities* and caveats every good React Native developer should know about. In this talk I'll try to guide you through the networking layer in React Native and share some tips and tricks I've learned along the way.

13.00 – 14.00

Lunch

14.00

Vladimir Novick

CodeValue

Getting into Physical web with React of Things

Physical Web taking the world by a storm. More and more applications interact with physical devices using Beacons and low energy bluetooth. In this talk I will cover how to interact with physical world from inside React Native application.

14.30

Aaron Greenwald

Wix

Scaling Mobile Development with React Native

React Native is great for developing large applications across multiple teams, but only if you architect your app well. See the code and architecture that allows us to have disconnected teams working on separate modules but delivering a cohesive product that users feel is just one unified app.
How many developers do you have working on your React Native app? One? Less than five? 15? What if you had over 40? React Native is a good fit for developing large applications across multiple teams in a company, but only if you architect your app correctly. Less than two years ago, I could count all of the developers working on our app on one hand. Now, I don’t even know everyone’s names. Learn how we architected the Wix app in a way that allows us to have multiple teams on multiple continents working on separate modules but delivering a cohesive product that users feel is just one unified app.

15.00

Adrien Thiery

Osedea

Offline first applications in React Native done well

This talk will present the concepts of Offline first applications, Optimistic UI Updates, “Transaction management” in redux. Humanly speaking, I will explain how your app should behave in our always kinda connected world (kinda, because you loose the network in the Subway, in your bathroom or in the elevator) to avoid frustrating your users, let them use your application even when they don’t have network and access data loaded in a previous session when they need it most (you know, when you have 1% battery left and turned on Airplane mode to keep your phone going just for the time to come home or find a plug somewhere). I will present some code examples of using awesome libraries to do that easily and talk about the local storage alternatives (AsyncStorage, SQLite and Realm) available to React-native.

15.30

Coffee break

16.00

Naoufal Kadhom

What if I told you that accepting payments in mobile apps could be easy and that you could use a single API to accept payments across three different platforms? In this talk, we’ll learn about the Payment Request API, a new W3C standard that dramatically simplifies accepting payments on the web, and how we can use React Native Payments to leverage it in our mobile apps.

16.30

Philippe Trépanier

OSEDEA

Automate your React Native world with fastlane

Coming from the web world, building iOS and Android apps are a pain.It takes time, there are a ton of different tools or services to use and jump between to get to the end point and it is just a loss of time that could be used to fix that weird UI element you did not have the time to finish, or that code that hasn’t been tested but really should be. Thankfully, fastlane is here to help us and makes it incredibly easy to automate Android and iOS builds, deployment, screenshots and far more. This talk will present how to get started and build and deploy a React-native project to Testflight (iOS) and the Android Play store beta track and will present in more details a subset of the tools provided by fastlane.