Merge pull request #11 from rdio/react

basic-starter-react tweaks

Author: iangilman

README.md

@@ -9,6 +9,7 @@ For each example you use, you'll also need to create an Rdio JS API client ID (n
 ## Basics
 
 * Basic Starter: Best place to start.
+* Basic Starter React: If you prefer React to jQuery.
 * Simple Player: Simple playback and searching.
 * Now Playing: For using the `shared_playstate` permission.
 * Following: For using `R.currentUser.trackFollowing()`.

basic-starter-react/README.md

@@ -1,8 +1,7 @@
 # Basic Starter - React
 
-A simple example app for the new Rdio JavaScript API, built using
-[React](http://facebook.github.io/react/).
+A simple example app for the new Rdio JavaScript API, built using [React](http://facebook.github.io/react/).
 
-http://stuff.dan.cx/rdio/basic-starter-react.html
+http://iangilman.com/rdio/basic-starter-react/
 
 For information on using this example, see https://github.com/rdio/jsapi-examples#rdio-js-api-examples.

basic-starter-react/index.html

@@ -10,7 +10,7 @@
   <script src="http://fb.me/react-0.11.2.js"></script>
   <script src="http://fb.me/JSXTransformer-0.11.2.js"></script>
   <!-- Register your app at http://www.rdio.com/developers/create/ and replace client_id below with yours  -->
-  <script src="https://www.rdio.com/api/api.js?client_id=jUUIxfNb_R9Ecx2LGCPQyA"></script>
+  <script src="https://www.rdio.com/api/api.js?client_id=mQT2BNd0PMxVw8q8skG7Dg"></script>
   <script type="text/jsx;harmony=true">
     /** @jsx React.DOM */
 
@@ -20,8 +20,8 @@
           loggedIn: R.authenticated(),
           name: R.authenticated() ? R.currentUser.get('firstName') : null,
           playState: undefined,
-          topTrack: undefined,
-        }
+          topTrack: undefined
+        };
       },
 
       componentDidMount() {
@@ -59,9 +59,9 @@
         R.authenticate(nowAuthenticated => {
           this.setState({
             loggedIn: nowAuthenticated,
-            name: nowAuthenticated ? R.currentUser.get('firstName') : null,
-          })
-        })
+            name: nowAuthenticated ? R.currentUser.get('firstName') : null
+          });
+        });
       },
 
       _getTopTrack() {
@@ -95,7 +95,7 @@
         loggedIn: React.PropTypes.bool.isRequired,
         name: React.PropTypes.string.isRequired,
 
-        onLoginClick: React.PropTypes.func.isRequired,
+        onLoginClick: React.PropTypes.func.isRequired
       },
 
       render() {
@@ -173,6 +173,7 @@
           </div>
         );
       },
+
       _getPlayStateText() {
         switch (this.props.playState) {
           case R.player.PLAYSTATE_PAUSED:
@@ -196,7 +197,8 @@
         <SampleApp />,
         document.getElementById('container')
       );
-    })
+    });
+    
   </script>
 </body>
 </html>