Navigating the Last Mobile Mile

Led by:
Intermediate
level
Pre-requisites

To get ready, you can fork and clone the starter project: cr-2024-intermediate-workshop-template. Then follow the instructions in the README to download dependencies and test that it's working. If you can run it on your iOS simulator and Android emulator, you'll know that you'll be ready to get straight to coding on workshop day.

none
Limited seats
available now
Held on
Jul 17, 2024
Location
Portland, OR
Keith Kurak

Explore the "last mobile mile" to make your React Native app feel native on iOS and Android, covering font scaling, dark mode theming, accessibility, keyboard interactions, home screen widgets, and more, while leveraging Expo Modules API and Config Plugins.

Overview

Let's explore the "last mobile mile"- the details that make your React Native app something that truly feels at home on iOS or Android, embracing what users expect out of the best apps on each platform. We'll spend the morning focusing on making one screen look and feel great, addressing font scaling, dark mode theming, accessibility, fine-tuning of keyboard interactions, and more. In the afternoon, we'll go beyond the app and into your phone's home screen, implementing long-press quick actions and home screen widgets on both iOS and Android. Learn how to tap into libraries and patterns that facilitate first-class mobile experiences, and even how to access even more native capabilities via Expo Modules API and Config Plugins.

What you'll learn
how to transition an existing codebase to respect the OS light and dark mode theme settings
how to optimize a form for smooth mobile-centric interactions, including seamless keyboard handling and by customizing specific controls to work better on the small screen
how to leverage Expo config plugins and modules API to do complex things that previously required extensive native project customization, such as home screen widgets
Meet the Instructors

Keith Kurak

Developer Success Engineer
Expo
Keith is the Developer Success Manager at Expo, helping fellow mobile developers build amazing React Native apps in record time. From the time he made a Dragon Quest knockoff on his TI-83 during study hall in high school, he can't remember not being interested in building for the small screen. When he's not slinging ~~JavaScript~~ TypeScript, you might find Keith zipping through busy Cleveland streets on his bicycle, building a computer case out of Lego, or in the kitchen breaking new ground in the field of alternative omelette fillings.
Workshop Assistants
Ellie Croce

Senior Software Engineer

Infinite Red

Frank Calise

Senior Software Engineer

Infinite Red

workshop
Advanced

Mastering Native Code

Elevate your React Native development skills by gaining hands-on experience in native development, covering language basics (Swift, Objective-C, Kotlin), native linking, and building native modules to confidently contribute to native projects.

details

Led by:

workshop
Beginner

React Native Essentials

Dive into the fundamentals of React Native, from initializing applications to exploring native libraries, and discuss intermediate topics to help React developers transition seamlessly into mobile development.

details

Led by:

Mazen Chami
Josh Yoes
Jon Major Condon
Justin Polachick
Nick Morgan
Felipe Peña
Keith Kurak
Frank Calise
Ellie Croce