By Plane
The airport is located 10 km from the city center. You can get to the city center by the bus, but you can also find car rental companies on the arrival.
Buy ticketsFirst 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.
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.
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.
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.
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.
In Jani and Phil’s workshop you’ll learn how to bring your apps to life. In this course, you will:
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.
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.
Keynote
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!
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.
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.
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.
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.
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?
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!
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!
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.
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.
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.
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.
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.
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.
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.
Location:
Wodnik Hotel
Na Grobli 28
50-421 Wrocław
See on mapStart: 6:00 PM CEST
Free bus from the conference venue: 5:45 PM, 6:00 PM, 6:15 PM, 6:30 PM
Return to the city: 10 PM, 00:00 PM, 01:00 AM, 02:00 AM
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.
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!
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.
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.
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.
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.
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.
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.
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.
React Native Payments: Bringing the Payment Request API to React Native
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.
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.
Mike Grabowski, Callstack.io
Tal Kol, WIX
Eric Vicenti, Facebook
Andre Staltz
Ville Immonen, Reindex
Want to support React Native EU and promote your brand in front of 450 developers? Let’s talk!
See the brochure Become a sponsorIBIS Styles Wroclaw Centrum
plac Konstytucji 3 Maja 3
Wroclaw, 50-083
Pronounciation: /ˈvrɒtswɑːf/
The airport is located 10 km from the city center. You can get to the city center by the bus, but you can also find car rental companies on the arrival.
Buy ticketsConference venue is located across the street from the city’s main railway station.
Search ConnectionsThe bus station is placed 800 m from the conference venue and operates international services to many European countries.
Search ConnectionsWroclaw is located at the crossroads of many national and international routes, such as: 5, 35, 94, 98, A8, E67, E261, A4, E40.
20°C/11°C
Power sockets type E
Voltage 230 V
Frequency 50 Hz
300-400 PLN on average
(70 - 95 EUR)
Poland's first oceanarium and the only one in the world dedicated to flora and fauna of just one continent.
See moreOne of the most beautiful old market squares in Europe, with the Old Town Hall and one of the oldest restaurants in Europe.
See moreProbably most popular tourist attraction in Wroclaw. The original urban settlement with old gas lanterns and Odra water cruises.
See moreWater science museum with multimedia and interactive installations, one of only few of this type in the world.
See more