Build a React Native App with Firebase Auth & Chat #2 - Setup Authentication

[@faizxdor]

Can't wait for the next video

[@EdzonmxDev]

Me too

[@grgrsm]

The expo example shows file based routing, where the first group is rendered by default when index in the root layout is missing, and then the group (app) layout handle the display of ActivityIndicator and the logic based on authenticated state. Looks more clean and easy to read. It's also a bit more optimized by default compared to controlling the routing manually with useEffect hook. So basically it shows the root layout to be basic like this, without index. app/_layout export default function Root() { return ( ); } and inside the (app) folder the layout handles the routing based on state app/(app)/_layout export default function AppLayout() { const { isAuthenticated, isLoading } = useAuth(); // need to add isLoading state to the context. if (isLoading) { return ( ); } if (!isAuthenticated) { return ; } return ; } there's index in app/(app)/index for home page, but it won't be shown until you pass the authenticaion check, otherwise the Redicrect component sends you to the sign in page.

[@ShahrukhKhan-yf7wz]

when i use my screen is white nothing see please help is this logical error....?

[@noumanshah8716]

getting same issue.

[@jimwilken1490]

You can fix the Problem by renaming the AuthContextProvider to AuthContext.Provider in the AuthContext.js return ( {children} ); };

[@wwavehs]

hi! i just want to ask what extension do you use that allows you to add imports without you inputting it manually?

[@noumanshah8716]

after adding getting error. "Text strings must be rendered with in a component".

[@jessexing3456]

great work

[@arunkumarbhardwaj4349]

why are u using startPage as a loading component?

[@codewithnomi]

This way until we get the user from the firebase, user will see loading page.

[@arunkumarbhardwaj4349]

@@codewithnomi you can create loading component in components folder as well.

[@Shubuu7]

Please make all apps in cli