https://github.com/nikhilvashistha/reactnativetest
This is basic demo of react native using GraphQLHub for data.
https://github.com/nikhilvashistha/reactnativetest
flatlist graphql graphqlhub react-components react-native react-navigation subreddit
Last synced: 29 days ago
JSON representation
This is basic demo of react native using GraphQLHub for data.
- Host: GitHub
- URL: https://github.com/nikhilvashistha/reactnativetest
- Owner: NikhilVashistha
- Created: 2018-12-27T13:16:17.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-05-22T11:05:29.000Z (about 7 years ago)
- Last Synced: 2025-04-02T20:31:28.043Z (about 1 year ago)
- Topics: flatlist, graphql, graphqlhub, react-components, react-native, react-navigation, subreddit
- Language: JavaScript
- Size: 1.02 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ReactNativeTest
This is basic demo of react native using GraphQLHub Reddit for data.
### Code Setup
```sh
$ git clone https://github.com/NikhilVashistha/ReactNativeTest.git
$ cd ReactNativeTest
$ npm install
```
### For running app
**ios**
```sh
$ react-native run-ios
```
**android**
```sh
$ react-native run-android
```
### Components
**App** - It is top level component contains AppNavigator.
**AppNavigator** - It is a component used for navigation in app. It contains all the screens to navigate. By default it will show ListScreen. It is included in App.js.For app navigation pupose i am using [react-navigation](https://reactnavigation.org/).
**List** - It is a component used for showing the list of SubReddit movies title.
**ListItem** - It is a stateless component used for showing the SubReddit each movie title in List component.
**ListDetail** - It is a component used for showing the details of particular SubReddit movie which includes title, comments and author name .
**CommentItem** - It is a stateless component used for showing the comment on each movie.