React-Native with Expo for APP

Yesterday,I was learning react-native from docs then i read getting start and few minutes later react-native redirect to Expo Docs.

Expo is Library or *Framework to build native application with easy steps. So learned many things like:

Run cmd for project: npx react-native init MyNewApp || npx create-expo-app@latest MyExpoApp

1. Routes inside app dir user/index.tsx

2. Dynamic routes : user/[id].tsx to pass the params. (useLocalSearchParams)

3. Status bar customise: <StatusBar style=”light” || hide/> (import from expo-status-bar)

4. app mode → light || dark mode : app.json{ userInterfaceStyle :automatic || light || dark }

5. for store data/upload/download from network URLs, use Expo FileSystem

6. build or run : npm start || npx expo run:android || ios

7. Modals are used to overlaped or open another stack/layer on screen for alert or same page data showing.

8. Press action: <Pressable onPress={}/> on anythings.

9. Protect routes for admin || login user : <Stack.Protectes guard={isAmin || isLoggedIn}> <Stack.Screen name=”adminPage”/>

10. Scroll view page: <ScrollView> it renders all compenent so it may delay another way is <FlatList> to avoid these issue because it render only about to appear items.

There are lots of things present in docs like: image, SideBar, Button, TextVuew, Input many more so to learn go there…. Thank You