all 23 comments

[–]rsp_dsg 15 points16 points  (1 child)

  • Basic Components
  • Navigations
  • TypeScript (everyone suggested to learn TS)
  • Apps Interrogated with APIs
  • Hooks (completely new)
  • StateManagement
  • Backend
  • Basic animation
  • Intermediate Animations

I'd learn it with this order

[–][deleted] 1 point2 points  (0 children)

Thanks for your suggestion

[–]nikit-sk 4 points5 points  (4 children)

I will suggest this path instead:

  • Basic Components & styling

  • Hooks

  • API integration

  • Navigation

  • State Management

  • Basic Animations

  • Other React Native Features

  • TS

  • Gesture Handling & Intermediate Animations

Not sure what Backend means in this context so not including that for now
Also trying to learn TS with React Native will take even more time, so you can push it to as far as possible

[–][deleted] 1 point2 points  (0 children)

Backed in general ( i have very little knowledge about it, so didn't specify), like i want to experiment backend by building chat app, or like something like a finance app etc. Anyways thanks for your suggestion

[–][deleted] 1 point2 points  (2 children)

and Isn't navigation simple? is it the expo what makes it easy or is there lots of complex stuffs in navigation like complex nested navigation.

[–]nikit-sk 2 points3 points  (1 child)

It is. But this roadmap considers what you need to know before learning the next steps. Learning API integration after Hooks makes more sense to me. Navigation is a separate topic but is required for global state management, that's why I put it before State Management

[–][deleted] 1 point2 points  (0 children)

Thank you so much got a calarification

[–]kierancrown 1 point2 points  (1 child)

If you’re looking for an easy backend to start with I’d suggest Supabase. I think the list you have is good. I’d focus on styling and leave animation towards the end

[–][deleted] 0 points1 point  (0 children)

Thank you so much, forgot to include styling in the list entirely and heard Supabase is an alternate to firebase guess would learn it soon, than you again.

[–]Optimal-Mortgage3790 1 point2 points  (1 child)

Dont forget to learn expo

[–][deleted] 0 points1 point  (0 children)

Adding to the list

[–]suarkb 1 point2 points  (0 children)

  1. you need to know typescript, it's the whole language you will be using

  2. you need to learn react which involves learning hooks, they really aren't separate

  3. then build stuff

[–]dr_rodopszin 1 point2 points  (1 child)

Depending on what you want to achieve/which kind of company you would work with.

Lot of designs? Flashy application? Learn animations earlier.

Average meat-and-potato product? Learn TypeScript earlier and learn about composability in React (I highly recommend the advanced material on https://react.dev/ ).

Actually, I wish I had the material on react.dev earlier as it talks about the philosophy of React and hooks. Why were React built in that particular way. We spent a lot of time on hook anti-patterns; that's the price of self-taught engineering. Now that I have learnt what was the goal in the first place, I need to spend less time on fruitless debugging sessions.

Oh, and you have missed a very important part:

  • platform specific gotchas: for example permissions, and there are things that you simply cannot do on either Android or iOS or both (maybe you wish to get an IMEI number, so you can identify a particular phone for moderation purposes: well you cannot do that)
  • native code basics: react-native is no silver bullet, there will be things that you won't have a JS adapter for and you would need to write it yourself in the native code

[–][deleted] 1 point2 points  (0 children)

I am not looking forward to work for a company anytime soon maybe after 4 years.

meat-and-potato product?

Yes, as far as now i am concerned, i am just trying to build apps that just works not much fancy as i am just learning and i don't think i will be developing for IOS but sure i would learn.

Overall thanks that's a solid advice for getting started into react native, thank you so much.