Awesome
#ReactNative Youtube Channel Create an application iOS for your Youtube Channel with ReactNative
<p align="center"> <img src ="http://g.recordit.co/pEIgXXbBTt.gif" /> </p>Required
- XCode 6.3
- React-native
$ npm i -g react-native-cli
How to install
$ git clone https://github.com/pierreco/ReactNativeYoutube.git
$ cd ReactNativeYoutube
$ npm install
How to run with Simulator
-
Open
ReactYoutube.xcodeproj
with Xcode -
Select your simulator and run with Xcode
CMD + R
How to debug with Simulator
-
CMD + D
in a simulator and selectDebug in Chrome
-
Open
http://localhost:8081/debugger-ui
in your Chrome navigator
How to run with Device
-
Close the terminal window that appeared (it will say React Packager)
-
Open
iOS/AppDelegate.m
-
Uncomment
jsCodeLocation = [[NSBundle mainBundle] ...
-
Run the
react-native bundle
command in terminal from the root directory ReactNativeYoutube -
Select your device and run with Xcode
CMD + R
Use your Youtube Channel
-
Connect to Google Developer
-
Create a New Project
-
Go to APIs & auth > APIs > Enable Youtube Data API v3
-
APIs & auth > Credentials > Public API access >
Create new Key
- Select
iOS Key
-
Click on
Create
-
Configure
config.js
- Copy your API key in field
key
- Create a Playlist Youtube with all your videos and copy playlist id in fied
playlistDefault
- Copy your Youtube Channel id in field
channelId
###TODO
- Reload list videos with scroll
- Cache
- Display Video native
###Contact Twitter: @pierre_co