THE React Native Tech Stack for 2024 😎

Wanna get serious about React Native? Then you need these technologies in 2024! We talk about UI libraries, state management, routing, and all the choices you must make when building a React Native app in 2024.

🚀 Use code GALAXIES24 for a 25% discount on Galaxies PRO 🚀

#############################

❤️ You can also find me on:

#############################

#reactnative #reactjs #appdevelopment

📌Chapters:
00:00 Intro
01:11 Typescript in 2024?
01:40 RN CLI or Expo?
02:30 How Should You Route Your Apps?
03:40 Best UI Libraries
04:48 State Management
05:35 Best Data Fetching
06:20 Best Data Storage
07:45 The BEST Animator
08:46 How To Debug
10:00 Error Reporting
10:18 Cross Platform
11:34 Best Components
12:10 How I Feel / Suggestions
13:16 Outro

[galaxies_dev]

Join Galaxies.dev today - the Home of the Best React Native content🚀

[pranitmane]

Thank you for all the suggestions :)
Pretty helpful to get started..

[emirhanpakyardm]

Can you explain why using open source UI components is better than building our own components? I know that using pre-built components are way faster, but other than that building our own increases flexibility, and improves us

[CodingTuts]

God bless you man, honestly. I'm a new React Native developer and you've made my life a hell lot easier

[shanekeney]

What I’ve been using lately:
- Expo Router
- Nativewind (Tailwind for RN)
- Tailwind-variants in cohesion with the above for component variant management
- API Fetching: TanStack or Apollo Client (depending on if I’m working with GraphQL)

[wandenreich]

This video is good but it needs the logos for the items you are talking about

[aswinalexsam]

Can you make a video of phone authentication using expo router and firebase on ios? There is an issue with the recaptcha when it redirects to ‘firebaseauth/link’ which seems to have no solution.

[snappa]

@simon, great video. Curious why you didn't mention react-native-elements for UI? Seems like a decent choice. Any opinion on this?

[samuelabidoye]

I am currently learning react native and am getting confused as there is so much noise on flutter being more performant than react native, and getting more dominance in the future.
1. Does react native really fall below Flutter?
Pls what are ur opinions?

[JagatSingh-meko]

While watching your video, I don't know but my mind thinks of monkeys

[kapobajza]

I think TanStack Query belongs in the state management category, because it's used for async state management. Even if you visit their website, you will find this exact description there: "Powerful asynchronous state management for TS/JS, React, Solid, Vue and Svelte".
TanStack query is not a data fetcher. Data fetchers are, like you said, axios, fetch, etc. TanStack query doesn't fetch data, you still need to use fetch/axios or similar tool for that. It just manages and caches it.

[gregorydaggett]

If you can, could you add the logos of all the components you're talking about? Having a visual cue (like a check mark or a star for the best one) along with the audio would make it a little easier to comprehend it. As a bonus, seeing the 'stack' build on the side of the screen would be interesting as an overlay. Great info!

[phemartin]

I would love a tutorial on TURBO REPO + TAMAGUI + NEXTJS + REACT NATIVE + SOLITO combo

[ExpoDev_Dash]

00:01 Setting up a React Native application for production in 2024
01:54 Expo offers flexibility and ease of use for React Native development.
03:35 UI Library recommendations for React Native applications in 2024
05:16 Consider using 10Stack Query for data fetching and storage optimization in React Native applications.
06:59 Consider using mm KV for data storage efficiency
08:44 Expo will make debugging easier in 2024
10:27 Utilize Expo with Next.js for advanced web and native app integration
12:13 Expect major changes in debugging and UI library categories for React Native in 2024.

[matkomilic]

I use Tanstack query for State Management itself haha. My go to usage at the moment is Expo > TypeScript > React Native Paper > Tanstack Query > normal stylesheets

[gomesbruno]

I actually feel like the navigation is more of a personal preference. I used Expo navigation, and I know it's great, even easier than React Navigation. However, at some point, my code ended up with so many nested folders that creating new code became difficult. It might not be a problem for everyone, but as someone who really struggles with folder organization in React, I had a real hard time trying to use things like that.

[sarthak]

Since when did React Query start making network requests?

[sachithrrra]

great!! please do a detailed tutorial on tamagui

[erfelipe]

Expo?! Arrgg... never ! CLI of course!

[youssoufelazizi]

Great choices, Simon! We almost use the same libraries for our "obytes starter" (a starter to create production ready React Native app). We are going to switch to Expo Router too after trying it in some of our internal projects.

Here are a few other choices I usually use.
* react-hook-form for forms
* expo EAS to build the app and generate certs/profils ( a life saver)
* to handle keyboard issues

* expo-image as default image component
* react-query-kit: a simple wrapper for react-query that make creating hooks effortless