WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Nov 3, 2021

Hands-on React Native: From Zero to Hero

Dmitry Vinnik

Stop fighting native OS constraints. Translate your React skills into powerful multi-platform apps. Master everything from Expo bootstrapping to Flipper debugging.

Pause
Mute Enter Fullscreen
#1 about 7 min

Defining native applications and the history of React

Understanding how React's declarative, component-based approach translates to mobile platforms.

#2 about 3 min

Improving developer velocity with cross-platform code

Evaluating the business case for single-codebase development using examples from major tech companies.

#3 about 3 min

Writing a basic application using the Expo browser playground

Discovering how standard native view components render on Android and iOS through web-based tools.

#4 about 5 min

Choosing between Expo CLI and React Native CLI

Comparing development environments based on the need for quick setup versus native module control.

#5 about 7 min

Mapping native operating system elements to core components

Translating platform-specific views into cross-platform UI elements using layout properties and object types.

#6 about 4 min

Bootstrapping cross-platform projects with create-react-native-app

Generating boilerplate code and managing dependencies to quickly launch applications across multiple platforms.

#7 about 4 min

Visualizing and inspecting application state with Flipper

Utilizing an extensible desktop interface to monitor network requests, logs, and layout changes.

#8 about 3 min

Implementing unit and snapshot testing using Jest framework

Catching application regressions automatically through straightforward assertions and visual state comparisons.

#9 about 2 min

Expanding the framework to desktop and virtual reality

Adapting the framework to respect native constraints across Windows, macOS, and VR environments.

#10 about 4 min

Engaging with the open source developer community

Discovering resources for troubleshooting, staying updated, and contributing code back to the project.

Matching moments

2:25 min

Origins and architectural capabilities of the React Native framework

Edoardo Dusi · LIVE

4:52 min

Transitioning to React Native from web development

Milica Aleksic Milica Aleksic · LIVE

2:21 min

Transitioning developers from React web to React Native mobile

Milica Aleksic Milica Aleksic +1 · World Congress 2022

2:09 min

Core concepts and architecture of the NativeScript framework

Rowdy Rabouw Rowdy Rabouw · LIVE

3:38 min

Navigating continuous delivery for React Native mobile applications

Edoardo Dusi · LIVE

1:58 min

Choosing React Native for mobile application growth

Milica Aleksic Milica Aleksic · World Congress 2026 Europe

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Tech Education in Two Languages thumbnail
1:00:18
6 days ago

WeAreDevelopers LIVE - Tech Education in Two Languages

Daniel Cranney, Roxy Rodriguez-Becker

WeAreDevelopers LIVE - Playing in Production thumbnail
1:06:40
13 days ago

WeAreDevelopers LIVE - Playing in Production

Andrew MacLean, Daniel Cranney, Christian Heilmann

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
27 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
about 1 month ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
about 1 month ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
about 1 month ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Upcoming sessions on this topic

Open session

From Profiler to Production: Measuring What Actually Matters in React & React Native

  • Andrei Tazetdinov

    Dynatrace

    React Native Developer

Open session

React Under Fire: Rendering Performance for Streaming Agent UIs

  • Abhirupa Mitra

    Slack

    Senior Member of Technical Staff

Open session

Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

  • Vidhya Krishnamoorthy

    Morgan Stanley

    VP, Software Engineering Manager

Open session

ULTRON: Your Agent Has No Hands - Real-Time Voice, MCP, and Ten Phones on Stage

  • Sagar Tamang

    Two Spoon Technologies

    AI Engineer

Open session

From Prompt Engineering to Harness Engineering: Building Observable and Governed GenAI Systems

  • Lakshmi Devi Prakash

    JPMorgan Chase

    VP, Applied AI/ML Lead

Open session

Supply Chain Security for the Everyday Engineer

  • Pradumna Saraf

    Kestra Technologies

    Quality Assurance Engineer

Related videos

There's an app for that - on the role of cross platform development in the app development ecosystem thumbnail
35:09
LIVE • almost 5 years ago

There's an app for that - on the role of cross platform development in the app development ecosystem

Aleksandra Desmurs-Linczewska

Building Better Apps with React Native thumbnail
23:09
World Congress 2025 • about 1 year ago

Building Better Apps with React Native

Marc Rousavy

Challenges of building React and React Native apps thumbnail
24:10
World Congress 2022 • over 4 years ago

Challenges of building React and React Native apps

Milica Aleksic, Stefan Nikolic

Making the switch from web to mobile development thumbnail
42:50
LIVE • almost 5 years ago

Making the switch from web to mobile development

Milica Aleksic

Unleash your web skills on native! thumbnail
52:01
LIVE • over 5 years ago

Unleash your web skills on native!

Rowdy Rabouw

Multiple Apps, Millions of Users: Scaling React Native in Production thumbnail
31:45
World Congress 2026 Europe • 3 months ago

Multiple Apps, Millions of Users: Scaling React Native in Production

Milica Aleksic

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.