react-native-base-project

1. Assets Folder Store Assets of the appp

2. Components Folder

   • This folder for reusable component. Make at least new folder for different screen or components ex. Modals Folder -> ModalComponent.tsx

3. Constants Folder

   • This folder includes all of the constants in the app such as make standard font size, colors and layouts

4. Context Folder

   • This folder is contains useReduce + useContext or Context API

5. Database Folder

   • This folder contains Async Storage data, like access token.

6. Navigation Folder

   • This folder add new navigation for app. react navigation

7. Provider Folder

   • This is folder used to sync data from local to internet

8. Repository Folder

   • This is folder where all the Axios happens such as calling API's getting the data from the backend.

9. Screens Folder

   • This is folder contains all of your screens.

shadow generator

link: https://ethercreative.github.io/react-native-shadow-generator/

IOnicons

link: https://ionic.io/ionicons

react native docs

link: https://reactnative.dev/

ENV SETUP

React Native Environment Setup:

1. Download node : https://nodejs.org/en/download/

2. Download Visual Studio Code: https://code.visualstudio.com/download

3. Open up your terminal (Mac/Linux) or cmd/powershell with admin rights (Windows)

4. After installing node, type this on your command line interface: npm install --global yarn

5. After installing yarn, type this on your command line interface: yarn global add expo-cli

6. After installing expo-cli, type this on your command line interface: expo init RayaTraining

7. After setting up, type this command : cd RayaTraining

8. Type this command next : yarn add @react-navigation/native

9. Lastly, paste this command :

expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

--end of environment setup--