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 - Is CSS Catching Up to Flash? thumbnail
1:03:33
10 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
17 days 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
18 days 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
24 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
25 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
about 1 month ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

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

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

Intro to Flutter Development thumbnail
48:32
World Congress 2021 • about 5 years ago

Intro to Flutter Development

Mira Jago

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.