Project Structure.

understanding masjid buddy execution flow

• index.js acts as the entry point to the app which creates a root component src/index.tsx:App
• app starts App as the base/enty
• it creates RootNavigator, which decided if it should navigate to Auth or Tab navigator based on if the user is authed, using status state from useAuth
  • AuthNavigator simply creates Login Screen
  • TabNavigator uses tabs to decide which screen to show

how to create new tab:

• create new key in TabIconsType

questions to answer?

• How does it goes to Tab navigator once the user signs in

• this is how

• How does it know which screen to open from TabNavigator

  • using the component argument

---

Project Vocab

Component Navigator Screen