https://github.com/hiteshsahu/react-native-movies-sample-

React Native Movies Sample
https://github.com/hiteshsahu/react-native-movies-sample-

react-app react-component react-native react-redux react-router reactjs

Last synced: about 15 hours ago
JSON representation

React Native Movies Sample

• Host: GitHub
• URL: https://github.com/hiteshsahu/react-native-movies-sample-
• Owner: hiteshsahu
• Created: 2017-04-24T14:01:00.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-07-11T13:43:18.000Z (over 7 years ago)
• Last Synced: 2024-11-11T06:39:54.314Z (about 2 months ago)
• Topics: react-app, react-component, react-native, react-redux, react-router, reactjs
• Language: JavaScript
• Homepage:
• Size: 7.29 MB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# React-JS-Movies Sample ![](https://github.com/hiteshsahu/React-JS-Movies/blob/master/src/assets/img/app_icon.png)

 An Movie App build with the help of React Native. This projects support a series of articles about how to setup an ReactJS environment to develop an scalable, maintainable and testable projects.

### Key features of this sample

- Project Architecture

- Breaking down Ui in scenes and React JS Components

- Splash Screen with React Native

- Using DrawerLayout Android for scene navigation

- Using Android ToolBar with toobar Actions to toggle navigation drawer and pop scenes

- Using Custom List Row and Grid View using flex layout.

 

- Pull to Refresh to refresh list data.

- Intercepting list item touch eent and use Navigator to display detail of list item.

- Property and States to handle view state.

- Creating a user preference screen using Seekbar, Dialog, Dropdown, Switch, Async Storage components.

## Demo

![](https://github.com/hiteshsahu/React-JS-Movies/blob/master/screenshots/demo.gif)

### Screenshots

![](https://github.com/hiteshsahu/React-JS-Movies/blob/master/screenshots/home.png) ![](https://github.com/hiteshsahu/React-JS-Movies/blob/master/screenshots/detail.png) ![](https://github.com/hiteshsahu/React-JS-Movies/blob/master/screenshots/settings.png) ![](https://github.com/hiteshsahu/React-JS-Movies/blob/master/screenshots/drawer.png)

### License

```

Copyright 2015 Hitesh Sahu

Licensed under the Apache License, Version 2.0 (the "License");

you may not use this file except in compliance with the License.

You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software

distributed under the License is distributed on an "AS IS" BASIS,

WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

See the License for the specific language governing permissions and

limitations under the License.

```