Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sanchit0496/react_native_scaffolding
React-Native-Scaffolding: A ready-to-use template for kickstarting your React Native projects. This scaffold includes essential libraries and configurations for state management, navigation, styling, testing, and more. Ideal for both beginners and experienced developers, it provides a solid foundation to build upon for mobile applications
https://github.com/sanchit0496/react_native_scaffolding
Last synced: about 5 hours ago
JSON representation
React-Native-Scaffolding: A ready-to-use template for kickstarting your React Native projects. This scaffold includes essential libraries and configurations for state management, navigation, styling, testing, and more. Ideal for both beginners and experienced developers, it provides a solid foundation to build upon for mobile applications
- Host: GitHub
- URL: https://github.com/sanchit0496/react_native_scaffolding
- Owner: sanchit0496
- Created: 2024-01-03T17:54:09.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-02-10T08:58:58.000Z (9 months ago)
- Last Synced: 2024-02-10T09:21:28.693Z (9 months ago)
- Language: JavaScript
- Size: 5.4 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Native App Scaffolding
This app allows users to book services. Upon logging in or creating an account with Firebase authentication, the app requests location permission. Users then select a service, choose a date and time (with an option for recurring service), and proceed to the cart. They can modify their order or place it, leading to the order completion page. After completing an order, users can access their profile to track order history. The profile page displays all placed orders, allowing users to return to the homepage or log out. Logging out redirects users to the login page for the next session
Stack : Expo (Frontend) + Firebase (Backend)
## Libraries and Their Usage
### Navigation
- **@react-navigation/native**: For routing and navigation.
- **@react-navigation/native-stack**: Manages the screen transitions.
### State Management
- **@reduxjs/toolkit**: Efficient Redux development toolkit.
### Networking
- **axios**: HTTP client for API requests.
### Date and Time
- **date-fns**: JavaScript library for date manipulation and formatting.
### Compatibility
- **deprecated-react-native-prop-types**: Backward compatibility for PropTypes.
### Expo Modules
- **expo**: Framework for universal React apps.
- **expo-av**: Audio and video playback.
- **expo-camera**: Device camera access.
- **expo-file-system**: Local file system interaction.
- **expo-image-picker**: Image and video selection.
- **expo-location**: Location services.
- **expo-media-library**: Media file management.
- **expo-sensors**: Access to device sensors.
- **expo-splash-screen**: Splash screen management.
- **expo-status-bar**: Status bar appearance control.
- **expo-web-browser**: Browser content access.
### Firebase
- **firebase**: Platform for app development and backend services.
### UI and Animation
- **lottie-react-native**: Animation rendering.
- **react-native-image-slider-box**: Customizable image slider.
### Utilities
- **moment-jalaali**: Jalaali calendar support for moment.js.
### Core React Libraries
- **react**: UI building library.
- **react-native**: Native app framework.
### UI Utilities
- **react-native-safe-area-context**: Safe area insets handling.
- **react-native-screens**: Native navigation components.
### Redux
- **react-redux**: React bindings for Redux.
### Background Tasks
- **expo-background-fetch**: Background task execution.
- **expo-secure-store**: Key-value pair encryption and storage.
## Running the App
To run this app, follow these steps:
1. **Check for `deprecated-react-native-prop-types` Package**:
This package is needed for certain prop types that are deprecated in the latest versions of React Native. First, check if you have this package installed.
If not, you can install it by running:
```bash
yarn add deprecated-react-native-prop-types
```
2. **Modify `node_modules/react-native/index.js`**:
After installing the package, you will need to make some changes in the `index.js` file of the `react-native` module in your `node_modules`.
Replace the following functions in `node_modules/react-native/index.js` with the lines provided:
```javascript
// Deprecated Prop Types
get ColorPropType(): $FlowFixMe {
return require('deprecated-react-native-prop-types').ColorPropType;
},
get EdgeInsetsPropType(): $FlowFixMe {
return require('deprecated-react-native-prop-types').EdgeInsetsPropType;
},
get PointPropType(): $FlowFixMe {
return require('deprecated-react-native-prop-types').PointPropType;
},
get ViewPropTypes(): $FlowFixMe {
return require('deprecated-react-native-prop-types').ViewPropTypes;
},
```
This ensures that the app uses the correct prop types from the `deprecated-react-native-prop-types` package.
Please note that modifying files in `node_modules` is generally not recommended as these changes can be overwritten by package updates. A more sustainable approach would be to fork the necessary libraries and make your changes there, or find alternative solutions that do not require altering `node_modules` directly.
## Additional Information
For more detailed information about each library or tool, you can visit their respective documentation or GitHub repository.
## Useful Links
- **Setup Firebase and Expo Account to leverage notification system into application**:
https://docs.expo.dev/push-notifications/push-notifications-setup/#get-credentials-for-development-builds
- **For Gradle and Kotlin Error**:
https://stackoverflow.com/questions/76862279/eas-build-fails-with-error-execution-failed-for-task-expo-splash-screencompil