Code Monkey home page Code Monkey logo

react-native-netflix's Introduction

React Native Netflix

React Native App with the same style as Netflix for iOS. I released a serie of videos on Youtube with a walkthrough explaining every part of this application.

Image of React Native Netflix App

Server

Netflix NodeJS & MongoDB · 

Installation

$ clone this repo
$ npm install
$ Install Netflix NodeJS & MongoDB
$ react-native upgrade
$ react-native run-ios

A few components must be installed with react-native link check out the following list.

External components

Tips and tricks

Is required to use React Native ^0.43 because we are using the new component FlatList.

################################

Rework in progress.

  • Use react-native 0.59 or newer.
  • Updated libraries.

Thanks

Mario Diez © 2017+, Mario Diez. Released under the MIT License.
Authored and maintained by Mario Diez.

mariodiezgarcia.com  ·  GitHub @mariodev12  ·  Youtube @mariodiezoficial  ·  Twitter @mariodev_

react-native-netflix's People

Contributors

mariodev12 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-native-netflix's Issues

Pre-packaged app?

I haven't been able to get the project to build, I think because of major dependency changes that have occurred since the release. Do you have a prebuilt APK we can play with? That would be awesome!

Android support

I am trying to run your app with react-native run-android but get the following error:

:app:compileDebugJavaWithJavac
:app:compileDebugJavaWithJavac - is not incremental (e.g. outputs have changed, no previous execution, etc.).
/home/dev/App-Dev/react-native-netflix/android/app/src/main/java/com/netflixapp/MainApplication.java:32: error: incompatible types: <anonymous ReactNativeHost> cannot be converted to Activity
            new OrientationPackage(this),
                                   ^
Note: Some messages have been simplified; recompile with -Xdiags:verbose to get full output
1 error
:app:compileDebugJavaWithJavac FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

Total time: 21.758 secs
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html

Do I need to do something special to get this app to work with android ?

Thanks.

Error Orientation Portrait with Launch the application

captura de pantalla 2018-04-12 a la s 11 49 59 p m

captura de pantalla 2018-04-13 a la s 12 16 14 a m

I'm just trying to run the project. The building is made it successfully but when the app is launch occur what above show, the first image.

And it looks like doesn't find the font family FontAwesome. What is the reason?

Please Help, I need learn some things from this repo.
Greetings.

Android build Error

Hi,
I am trying to take android build in windows system. I got the following error .how to fix it.
screenshot_2017-09-01-12-15-31-724 1

Build failed

Hi,

I just cloned this project and tried to build it but failed, please look at these errors (copied from Terminal window). I have no issue to create a new RN so I think my local environment is fine.

I'm using macOS 10.12.4 and Xcode 8.3.2

  • git clone
  • yarn install
  • react-native run-ios

Errors:

** BUILD FAILED **

The following build commands failed:

	CompileC build/Build/Intermediates/NetflixApp.build/Debug-iphonesimulator/NetflixApp.build/Objects-normal/x86_64/AppDelegate.o NetflixApp/AppDelegate.m normal x86_64 objective-c com.apple.compilers.llvm.clang.1_0.compiler
(1 failure)

Installing build/Build/Products/Debug-iphonesimulator/NetflixApp.app
An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=22):
Failed to install the requested application
The bundle identifier of the application could not be determined.
Ensure that the application's Info.plist contains a value for CFBundleIdentifier.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/NetflixApp.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.