https://github.com/apsislabs/react-native-starter
https://github.com/apsislabs/react-native-starter
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/apsislabs/react-native-starter
- Owner: apsislabs
- Created: 2019-12-18T04:16:36.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-02-09T04:27:03.000Z (over 2 years ago)
- Last Synced: 2025-01-14T09:13:41.317Z (5 months ago)
- Language: JavaScript
- Size: 5.64 MB
- Stars: 0
- Watchers: 6
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Starting
Welcome to the React Native Starter.
Follow these steps, then delete this portion of the README.
## Rename
Rename your application from the react starter.
1. `npm install`
2. `npm run rename` to rename the application from the starter
3. `npm run setup`
## Install Common Packages
The react starter comes with some built in packages. Consider adding the following common packages.
```
npm install moment # date/time management
npm install immer # immutable data management
npm install use-immer # immer hooks data
```
## Clean up
1. `rm bin/rename.js` # delete the rename component
2. Delete this starting section of the README
# Development
## Dependencies
React Native requires a number of dependencies for iOS or Android development. Ensure you've followed the [CLI Getting Started](https://facebook.github.io/react-native/docs/getting-started.html) page so you've got those dependencies installed.
## Getting Started
1. `npm install`
2. `npm run setup`
3. `npm run ios` | `npm run android`
## Testing
1. `npm test`
### My tests don't work!
You _almost certainly_ have to update the `esModules` array in in `jest.config.json` to account for an uncompiled package.
Another option is something is not mocked, and you'll need to mock it in `jest/setup.ts`.
## UI Hierarchy
`react-navigation` is added for managing navigation state
## Generators
For creating certain elements, we have generators that will create the new component for you.
To create a new `BarScreen`:
`npm run generate screen Bar`