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:

questions to answer?

How does it goes to Tab navigator once the user signs in
How does it know which screen to open from TabNavigator
- using the component argument

Project Vocab

Component Navigator Screen