THE React Native Tech Stack for 2024 😎

Подписаться 90 тыс.

Просмотров 36 тыс.

50% 1

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 🚀
🔥 Learn React Native FAST: galaxies.dev
🔗 Should you use Expo: • Should you use Expo fo...
🔗 UI Libraries: • Top 9 React Native UI ...
🔗 Data storage: • What’s the Best React ...
🔗 React Native UI Components: • 10 Must-Have React Nat...
🔗 Fernando Rojo Solito Podcast: • React Native + Next.js...
🔗 Why Tanstack: tkdodo.eu/blog/why-you-want-r...
🤔 Why I moved to React Native: • Why I moved to React N...
#############################
❤️ You can also find me on:
Twitter: / schlimmson
Instagram: / simongrimm_
#############################
#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

Наука

Опубликовано:

5 июн 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 101

@galaxies_dev 4 месяца назад

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

@gregorydaggett7444 4 месяца назад

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!

@shanekeney3646 4 месяца назад

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)

@galaxies_dev 4 месяца назад

I'll get more into Nativewind soon as well 💪

@codewithdalvin 4 месяца назад

Thanks for this video Simon, this is very valuable knowing this kind of information about React Native.

@pranitmane 4 месяца назад

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

@galaxies_dev 4 месяца назад

You're so welcome!

@farzan2799 14 дней назад

Thanks! this video was really helpful 😍

@joan.paucar 4 месяца назад

Great video Simon, i was using rn paper but tamagui looks amazing

@gomesbruno201 4 месяца назад

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.

@kapobajza3708 4 месяца назад

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.

@galaxies_dev 4 месяца назад

You are right, I over simplified it for that category!

@surajthallapelli2359 4 месяца назад

Let’s just say remote state management For TanStack Query

@nrg7685 Месяц назад

@@surajthallapelli2359 I should either use zustand or Tanstack?

@RichardPrins-wd8vg 5 дней назад

Its basically just a wrapper for asynchronous operations and caching layer

@hwj8640 4 месяца назад

Thanks for sharing! Really helpful!

@galaxies_dev 4 месяца назад

You're so welcome!

@youssoufelazizi3683 4 месяца назад

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) * react-native-keyboard-controller to handle keyboard issues * expo-image as default image component * react-query-kit: a simple wrapper for react-query that make creating hooks effortless

@galaxies_dev 4 месяца назад

Nice, love those additions! Thanks for sharing 💪

@sachithrrra 4 месяца назад

great!! please do a detailed tutorial on tamagui

@tafadzwatinompofu8915 6 дней назад

thank you🔥🔥🔥

@CodingTuts 4 месяца назад

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

@galaxies_dev 4 месяца назад

You're very welcome!

@phemartin 4 месяца назад

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

@galaxies_dev 4 месяца назад

Sounds like an idea for a future stream :)

@ashil816 4 месяца назад

Great informative video, how about using redux toolkit with RTK Query feature to have the state management and data fetching into a single package?

@gilbertojunior1712 Месяц назад

Great video I'm migrating from react web to react native in a new job and this video gave me an update on what to focus on

@galaxies_dev Месяц назад

Glad it was helpful!

@hyperzid 4 месяца назад

mmkv + zustand = best data storage

@anithusiast. 4 месяца назад

Great bro

@matkomilic8382 4 месяца назад

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

@galaxies_dev 4 месяца назад

Looks like a great stack!

@angerbadge773 15 дней назад

guess you can add native wind to that

@matkomilic8382 14 дней назад

@@angerbadge773 wat is dat

@KanrimYT 4 месяца назад

Perfektes Video! Sehr passend gerade, da ich soviele Sachen teste und ich gerade mein Projekt mit Zustand, Expo Router und Nativewind aufbaue. Paar Fragen hätte ich noch: - Hast du noch eine Idee, wie man alles richtig dokumentiert oder wo man das Projekt übersichtlich managed? - Welches back-end würdest du empfehlen (Nutze Supabase und möchte evtl noch Laravel mit einbauen) - Wollte ursprünglich TamagUI nutzen, ist aber zu umständlich für mich gewesen. Wird in Zukunft ein ausführliches Tutorial kommen? Dankeschön und sehr schöne Arbeit!

@myveritasforever 4 месяца назад

but you people still use Java for web development )

@fabsync 22 дня назад

it will be great to see a tutorial on react native web.. I think that's the future :)

@kreten780 2 месяца назад

Any thoughts on using Jotai as state management? I really love the idea of how simple it is. Reminds me of using Vue or Svelte. But I did hear that it can cause some problems when using it.

@galaxies_dev 2 месяца назад

Heard only good things about Jotai so far, but need to explore it more!

@wujekbizon1 4 месяца назад

Great video, Simon. Thanks for sharing. What about authentication? What's the best stack to use in 2024 for user authentication? Clerk, perhaps?

@galaxies_dev 4 месяца назад

Yes Clerk would be your best friend if you don't have auth on your own service!

@withpaulex8645 Месяц назад

@galaxies_dev have to migrate from ionic to react native due to some performance issues and the app crashing on some devices but now facing issue base on rendering mathjax equation on react native using web view which works well. Though the issue is running the app offline because the current plugin am using for rendering the equation uses file from cdn Any clue on how to use html file which links static js and css locally on web view in react native

@manojmohapatra986 4 месяца назад

can you create a project on monorepo using node , react native

@snappa2 4 месяца назад

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

@galaxies_dev 4 месяца назад

I feel like there are too many options for UI out there, and Tamagui (and Nativewind) is probably bet for universal apps right now. But sure, Elements or RN Paper are great libraries as well.

@mikoajkaleta6856 2 месяца назад

wow, that was helpful

@galaxies_dev 2 месяца назад

Glad it helped!

@vinhandev 4 месяца назад

Hi, i really want a part time job. Can you guys have some tips and where good to start now ?

@miguecast 3 месяца назад

Zustand is great!!

@immipixediter210 17 дней назад

Emittor for state management

@emirhanpakyardm9142 4 месяца назад

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

@CoryTheSimmons 3 месяца назад

As an exercise, on the web, create your own data table component from scratch with half the features of TanStack Table, then just use TanStack Table. Which took 1-2 weeks to make a buggy version?

@emirhanpakyardm9142 3 месяца назад

@@CoryTheSimmons table components are always mess. I was particularly talking about RN UI components

@kpopcat_official 4 месяца назад

have you experienced any bugs with expo-router? I had some strange problems with navigating between tabs and stacks when I separate the stacks and tabs into different folders.

@galaxies_dev 4 месяца назад

There might be some edge cases, but in many cases I found my structure was the problem and not Expo Router itself!

@melekhedhili8683 4 месяца назад

Flipper is the best for debugging !

@msahu2595 Месяц назад

❤

@ShortCodeDev 4 месяца назад

awesome content.plz make a detailed video on Cross Platform (mono repo) as you had menstioned. in youtube there is no video available for the same. plz plz make a detailed video

@cherryfuchs 4 месяца назад

Oh I would be interested in this too!!

@marcofiorito5006 4 месяца назад

great video, thank you simon!

@galaxies_dev 4 месяца назад

Glad you like it!

@kingkesylo8516 4 месяца назад

I want to build a chat component but i dont want to use a fully managed service. I started with react native gifted chat but its no longer maintained. Does anybody know an alternative to react native gifted chat ? thanks

@yassiremtioui4131 4 месяца назад

React native gifted chat is the best thing you can currently use, and it provides all what you need (functionalities and UI customization)

@themastro032 2 месяца назад

arent you still limited by expo if you have to integrate with a thrid party package that doesn't support expo?

@galaxies_dev 2 месяца назад

No, you can simply do a prebuild and install whatever you want!

@cbova80 4 месяца назад

That code doesn’t work with annual subscription

@olamide9108 4 месяца назад

Why did you skip Database?

@samuelabidoye6642 4 месяца назад

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?

@Kats0unam1 4 месяца назад

In performance, yes.

@sarfrazshah5158 4 месяца назад

But react native has pretty high market coverage in terms of job opportunities!

@samuelabidoye6642 4 месяца назад

@@Kats0unam1 Not true cos of the react native new archicture which is bridgeless

@samuelabidoye6642 4 месяца назад

Thats true@@sarfrazshah5158

@ts8960 2 месяца назад

what are your thoughts on Dripsy?

@galaxies_dev 2 месяца назад

Another great library in the ecosystem!

@yarrichar 4 месяца назад

I don't think Tamagui should be recommended - yet. I had to give up on it after wasting half a day on it. Annoying setup and brittle. Once setup (thanks to expo stack) it would randomly error on me saying it couldn't be found when adding a component down the tree.

@galaxies_dev 4 месяца назад

Because of those issues I now have a course on Galaxies about working with Tamagui - but I agree!

@manfyegoh 3 месяца назад

mmkv support expo? need prebuild?

@galaxies_dev 3 месяца назад

Yes you need prebuild, but it takes like 3 minutes and then you can continue you work :)

@amadzarak7746 14 дней назад

Guys I feel like I should just use Swift and Kotlin 😅😅

@erfelipe 4 месяца назад

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

@gnom-om 4 месяца назад

100%

@oabdulazeez 3 месяца назад

Exactly 💯... expo is good for development... Large app size on production

@user-iy2ol7ob3g 4 месяца назад

please project the store in react native

@galaxies_dev 4 месяца назад

I don't understand?

@theBIGgee Месяц назад

I’m not learning typescript

@mengfandy7365 2 месяца назад

dont forget react native mmkv and twrnc

@vaaljan 10 дней назад

DEBUG is a problem for me doing react native. Its really annoying

@MarcosVinicius-gj6qg 4 месяца назад

Simon! Only you can save us. Make a tutorial teaching how to build the ionic 7 without the capacitor. It's full of errors. For God's sake!

@codebelt2822 19 дней назад

oh God that fear you gave us for a second 1:55

@gnom-om 4 месяца назад

Is anyone from you check UI libs for performance? Or you are using it because other lazy devs use it? StyleSheet first place, Restyle next. That all you need.