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

Making the switch from web to mobile development

Milica Aleksic

Think moving from web to mobile is just swapping a div for a View? Discover how to conquer native toolchains, background states, and app store deployments with React Native.

Pause
Mute Enter Fullscreen
#1 about 5 min

Transitioning to React Native from web development

How React Native enables cross-platform mobile development using existing JavaScript skills.

#2 about 1 min

Setting up mobile development environments and editors

The necessary shift from standard browsers to native development environments like Xcode and Android Studio.

#3 about 2 min

Testing with emulators, simulators, and real devices

Why relying solely on simulators can cause performance issues and why testing on physical devices is crucial.

#4 about 4 min

Using core UI components instead of standard HTML

How React Native replaces standard web tags with core components for mobile rendering.

#5 about 3 min

Applying styles using StyleSheets and styled components

The differences in styling mobile applications using JavaScript object styles and flexible layout rules.

#6 about 4 min

Designing mobile animation systems for better user experience

Utilizing the Animated API and interactive libraries to meet high mobile user experience expectations.

#7 about 2 min

Implementing screen transitions and navigation patterns

Navigating through mobile applications using screen stacks instead of standard browser URLs.

#8 about 2 min

Writing specific code for different mobile platforms

Managing separate behaviors for iOS and Android environments using modular platform code.

#9 about 2 min

Managing mobile application lifecycle states efficiently

Tracking whether applications are actively executing in the foreground, background, or an inactive state.

#10 about 1 min

Requesting user permissions for hardware and native features

Ensuring applications securely request access to critical device capabilities like cameras and notifications.

#11 about 3 min

Handling network connectivity drops and offline functionality

Strategies to improve mobile experiences when devices lose internet connection or encounter slow networks.

#12 about 3 min

Sharing logic across web and mobile using monorepos

How to reuse business logic between platform components utilizing monorepos and dependency workspaces.

#13 about 2 min

Verifying code quality with mobile testing frameworks

Preventing logic regressions during heavy mobile development by leveraging popular rendering test libraries.

#14 about 2 min

Debugging native mobile applications with customized tools

Inspecting device logs, component layouts, and network requests using specialized client debugging tools.

#15 about 3 min

Building and deploying native mobile application distributions

Navigating the official review processes required to publish distributions through global application stores.

#16 about 10 min

Addressing common transitions and mobile development challenges

Audience questions cover deployment complexities, framework learning resources, and software team collaboration scenarios.

Matching moments

2:21 min

Transitioning developers from React web to React Native mobile

Milica Aleksic Milica Aleksic +1 · World Congress 2022

3:15 min

Challenges for web developers transitioning to native development

Rowdy Rabouw Rowdy Rabouw · LIVE

1:35 min

Transitioning from frontend web development to mobile environments

Aleksandra Desmurs-Linczewska · LIVE

6:21 min

Defining native applications and the history of React

Dmitry Vinnik · LIVE

2:32 min

Transitioning across tech stacks into mobile application development

Sylvia Dieckmann · LIVE

3:38 min

Navigating continuous delivery for React Native mobile applications

Edoardo Dusi · LIVE

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

How is SWE & EM roles are changing in the age of AI

  • Amol Sharma

    Stripe

    Engineering Manager

Open session

Multi-Cloud Isn't a Project. It's a Side Effect.

  • Antonio Mendoza Pérez

    Temporal Technologies

    Staff Developer Success Engineer

  • Gaurav Thadani

    Temporal

    Staff Developer Success Engineer

Related videos

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

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

Hands-on React Native: From Zero to Hero thumbnail
39:42
LIVE • almost 5 years ago

Hands-on React Native: From Zero to Hero

Dmitry Vinnik

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

Unleash your web skills on native!

Rowdy Rabouw

Mobile at a Crossroads: The Declarative UI App Revolution thumbnail
44:09
World Congress 2021 • over 5 years ago

Mobile at a Crossroads: The Declarative UI App Revolution

Peter Steinberger

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.