catalinmiron/react-facebook-friends

web app to rank, quantify your FaceBook friendship with React

react-facebook-friends

web app to rank, quantify your FaceBook friendship based on human behavior with React

Live Demo

http://leoj.js.org/react-facebook-friends/

Detail

To know more detail, please read my post.

How to use ES7 feature with Babel 6

First thing first you need to figure out which ES7 feature you would like to use, for example, you want to use object-rest-spread.

1. npm install babel-plugin-syntax-object-rest-spread and babel-plugin-transform-object-rest-spread, the difference between syntax plugin and transform plugin is syntax plugin allowed the code to read the syntax only, if you want to transforms new syntax back to ES5 version, you will need transform plugin.

2. Put those plugins in your .babelrc file.

{
  "plugins": ["syntax-object-rest-spread", "transform-object-rest-spread"]
}

Installation

1. git clone [email protected]:LeoAJ/react-facebook-friends.git
2. cd react-facebook-friends
3. npm install

Dev

Register a Facebook App first here, and replace your app ID here.

Then do,

npm start

and go to localhost:3000

Deploy

npm run deploy

Lint

npm run lint

Test

npm test

Built with

• React
• Babel 6
• ES6
• ES7 (async/await)
• react-transform-boilerplate
• Inline CSS (Radium)
• Flexbox
• Webpack
• Eslint
• Karma
• Facebook API

Contribution

Issue, idea, PR are welcomed.

License

MIT