Eric Vicenti

2019

App.js Conf

Reactive Data on the Full Stack

The "Transitioner" is the view in React Navigation responsible for animating between screens and supporting navigation gestures. We will discuss how views like "stack" work today, how they evolved, and how they fit into React Navigation and other navigation libraries. Historically, it has been quite difficult to create custom screen transitions and gestures. So the time has come to introduce a new Transitioner, and give you complete control over screen transitions in your React Native App.

2018

React Native EU

Owning Transitions

Navigation works in a wildly different way on Mobile apps than it does on the web. Why is that? We will explore how navigation state and URL handling tends to vary between the environments, and introduce a model that manages the complexity of both use-cases. Then, we will dive into the API of React Navigation to see how easy it can be to implement an app with fully-featured navigation on iOS, Android, browser apps, and server-rendered React sites!

ReactEurope

Full Stack React Navigation

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.

2017

Practical hacks for delightful interactions

If only React Native apps could be highly extensible- such that a single experience within an app could be published and installed into other apps. If your screens are built with sufficient isolation, they can be portable between apps, platforms, and navigation implementations. In this talk, we will discuss how this ultimate modularity can be achieved simply by utilizing reducers and single-directional data flow. Then we will use React Navigation to quickly build a new experience with these techniques, and see how portable it really is.

Maximally Modular Apps with React Navigation

Navigation on native mobile apps can be very tricky. Unlike the browser, mobile apps have no built-in navigation system, and the navigation state is often deeply nested. Animations and gestures are critical for mobile apps, and are tricky to get right. To help the community address these concerns, I will introduce and demo our new navigation system for React Native, and show what innovations we can bring back to the web.