https://github.com/christian-draeger/react-native-examples
react native playground
https://github.com/christian-draeger/react-native-examples
cross-platform-app cross-platform-development es6 expo react react-native redux redux-thunk
Last synced: 8 months ago
JSON representation
react native playground
- Host: GitHub
- URL: https://github.com/christian-draeger/react-native-examples
- Owner: christian-draeger
- Created: 2018-04-23T16:10:11.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-05-02T09:48:59.000Z (over 7 years ago)
- Last Synced: 2024-12-25T19:23:38.856Z (9 months ago)
- Topics: cross-platform-app, cross-platform-development, es6, expo, react, react-native, redux, redux-thunk
- Language: JavaScript
- Size: 172 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
React Native Example Apps
=========================
This is a react-native playground of mine.
included projects:
------------------
[albums](https://github.com/christian-draeger/react-native-examples/tree/master/albums) (not using redux)
* communicates with an rest api and shows a tile view of music albums including artist name, artist picture, album name, album cover and a buy link
[auth](https://github.com/christian-draeger/react-native-examples/tree/master/auth) (not using redux)
* a login view that communicates with firebase as authentication service. performes registrations as well as logins, error handling and conditional views depending on either you are logged in or not.
[accordion](https://github.com/christian-draeger/react-native-examples/tree/master/accordion) (using redux)
prerequisites
-------------
* node installed
`brew install node`
* install react-native
`npm install -g create-react-native-app`
* if you want to work with an iOS simulator you need to have XCode installed
* if you want to work with an Android simulator you need to have one running (for instance by using Android Studios AVD Manager or Genymotion)
* if you want to run an app on a real device install expo for [Android](https://play.google.com/store/apps/details?id=host.exp.exponent) or [iPhone](https://itunes.apple.com/us/app/expo-client/id982107779).
After running an project on your local mashine a QR code will be prompted on your terminal. Scan this QR Code via the Expo App (your develpment mashine and your mobile device needs to be in the same WLAN to make magic happen).
add a new project
-----------------
```
create-react-native-app AwesomeProject
cd AwesomeProject
npm start
```
further instructions
--------------------
Have a look at the generated README.md in the AwesomeProjects root folder