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 · WWC 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 · WWC 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
almost 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

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

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

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

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris
Open session

World Congress 2026 North America

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood

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
WWC 2023 • almost 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
WWC 2025 • 12 months 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
WWC 2025 • 12 months 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.