WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

Challenges of building React and React Native apps

Milica Aleksic , Stefan Nikolic

Bloated bundles cripple load times. Stop relying on heavy third-party dependencies. Discover advanced virtualization and caching strategies to master cross-platform React performance.

Pause
Mute Enter Fullscreen
#1 about 3 min

Transitioning developers from React web to React Native mobile

Similarities in foundational elements like components and state management allow developers to smoothly transition to mobile applications.

#2 about 4 min

Handling slow network responses with Apollo Client caching

Data caching reduces the number of expensive manual requests directed at delicate hardware routers.

#3 about 2 min

Rendering large data lists with windowing and virtualization

Windowing techniques improve application performance by rendering only the elements currently visible to the user.

#4 about 4 min

Decreasing application bundle sizes by swapping heavy dependencies

Replacing massive third-party libraries with lighter alternatives or native methods effectively optimizes application bundle sizes.

#5 about 3 min

Optimizing bundle loading with code splitting and dynamic imports

Techniques like lazy loading, route-based splitting, and inline requires load JavaScript chunks only when specifically requested.

#6 about 2 min

Preloading and prefetching resources with Webpack magic comments

Requesting upcoming route resources and modules prior to user interaction drastically improves perceived application load times.

#7 about 4 min

Managing offline mode and interrupted connections in mobile applications

Integrating network status packages and context providers ensures a seamless user experience during sudden connection losses.

#8 about 2 min

Strategies for manually upgrading React Native application versions

Safely resolving version conflicts relies on command line interface auto-upgrades or dedicated upgrade helper web tools.

#9 about 1 min

Debugging and analyzing native applications with Flipper

Developers leverage native Android and iOS plugin ecosystems to thoroughly inspect device logs and intercept network queries.

#10 about 1 min

Testing components using community libraries and Jest frameworks

Integrating the default test renderer or dedicated testing library modules consistently validates intended user interface behaviors.

#11 about 4 min

Audience questions on Suspense, windowing, and package statistics

Audience inquiries highlight important considerations around concurrent rendering behaviors, windowing limitations, and performance analysis toolchains.

Matching moments

2:49 min

Architecture and performance optimizations in React Native

Marc Rousavy Marc Rousavy · World Congress 2025

6:21 min

Defining native applications and the history of React

Dmitry Vinnik · LIVE

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

1:22 min

Advantages of utilizing native React state management tools

Marc Brehmer Marc Brehmer · World Congress 2024

3:38 min

Navigating continuous delivery for React Native mobile applications

Edoardo Dusi · LIVE

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
about 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
about 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
about 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
about 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
about 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
about 4 years ago

Keep your code refactorable

Gerrit Stapper

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 24, 2026 · 14:50–15:20

Stage 9

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

September 25, 2026 · 11:00–11:30

Stage 7

Beyond Vibe Coding: An AI Builder’s Guide to Migrating 10k+ React Components

Shubham Chaurasia

Senior Software Engineer @ Meta

Shubham Chaurasia
Open session

World Congress 2026 North America

September 25, 2026 · 14:10–14:40

Stage 7

Why Your iOS App Feels Broken After an Hour: Diagnosing Long-Session Performance on Real Devices

Vasuki Uday Kiran Vudathala

Staff Performance Engineer at ServiceNow

Vasuki Uday Kiran Vudathala
Open session

World Congress 2026 North America

September 24, 2026 · 14:10–14:40

Stage 9

One Repo, One Strategy: Scalable Full-Stack Testing in a Monorepo World

Bartosz Leczycki, Paweł Matynia

Bartosz Leczycki
Paweł Matynia
Open session

World Congress 2026 North America

September 25, 2026 · 10:20–10:50

Stage 9

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris
Open session

World Congress 2026 North America

September 24, 2026 · 17:30–18:00

Stage 7

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić

Related videos

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

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

Optimizing Your App for Success: Tips and Techniques for managing slow devices thumbnail
25:15
World Congress 2023 • about 3 years ago

Optimizing Your App for Success: Tips and Techniques for managing slow devices

Milica Aleksic, Nemanja Petrovic

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

Building Better Apps with React Native

Marc Rousavy

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

The Journey of a Pixel in a React Application thumbnail
27:01
World Congress 2025 • about 1 year ago

The Journey of a Pixel in a React Application

Shem Magnezi

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.