- Standard compliant React Native Clone of the famous Asteroids game using Ignite as a basis
This game was developed at the React (Native) Meetup Kiel - Episode 3. The goal was to build a clone of the famous asteroids game, but due to the lack of gyroscope libraries for react-native we shifted the goal to build a game where you can drag your space ship in order to avoid asteroids.
- Have a spaceship
- Have moving asteroids
- Have a colission detection
- Have no longer to be seen asteroids removed from the game
- Have a fluent rendering performance
Step 1: git clone this repo:
Step 2: cd to the cloned repo:
Step 3: Install the Application with npm install
- cd to the repo
- Run Build for either OS
- for iOS
- run
react-native run-ios
- run
- for Android
- Run Genymotion
- run
react-native run-android
To Lint on Commit
This is implemented using ghooks. There is no additional setup needed.
Bypass Lint
If you have to bypass lint for a special commit that you will come back and clean (pushing something to a branch etc.) then you can bypass git hooks with adding --no-verify to your commit command.
Understanding Linting Errors
The linting rules are from JS Standard and React-Standard. Regular JS errors can be found with descriptions here, while React errors and descriptions can be found here.
This project uses react-native-config to expose config variables to your javascript code in React Native. You can store API keys
and other sensitive information in a .env file:
API_URL=https://myapi.com
GOOGLE_MAPS_API_KEY=abcdefgh
and access them from React Native like so:
import Secrets from 'react-native-config'
Secrets.API_URL // 'https://myapi.com'
Secrets.GOOGLE_MAPS_API_KEY // 'abcdefgh'
The .env file is ignored by git keeping those secrets out of your repo.
Ignite Documentation - Ignite Wiki https://github.com/infinitered/ignite/wiki