JSFiddle - React, Tailwind, and code Playground

by oroce

HTML

<script src="https://connect.facebook.net/hu_HU/all.js"></script>
<div id="fb-root"></div>

JavaScript

var App = {
    fbAppId: "319962851348665",
    scope:[
            "user_birthday",
            "user_hometown",
            "user_location",
            "user_likes",
            "read_stream",
            "export_stream",
            "read_friendlists"        
        ].join(",")
};
FB.init({
    appId: App.fbAppId,
    cookie: true,
    status: true,
    xfbml: true
});
FB.getLoginStatus(function(response) {
    if (!response.authResponse) {
        FB.login(function(response) {
            console.log( response );
            if ( response.authResponse ) {
                FB.api( "/me", function( user ){
                    $( document.body ).append( "<br /><p><strong>/me:</strong>" + JSON.stringify( user ) +"</p>");
                });
                FB.api( "/me/feed", function( user ){
$( document.body ).append( "<br /><p><strong>/me/feed:</strong>" + JSON.stringify( user )  +"</p>");                    
                });
                FB.api( "/me/friends", function( user ){
$( document.body ).append( "<br /><p><strong>/me/friends:</strong>" + JSON.stringify( user )  +"</p>");                    
                });
                FB.api( "/me/permissions", function( user ){
                $( document.body ).append( "<br /><p><strong>/me/permissions:</strong>" + JSON.stringify( user )  +"</p>");
                });
                FB.api( "/me/likes", function( user ){
                $( document.body ).append("<br /><p><strong>/me/likes:</strong>" + JSON.stringify( user )  +"</p>");
                });
                
            }
        },{ scope: App.scope });
    }
});