React Facebook Components
Components
- Facebook provider (provide settings to child components)
- Login button (provide user profile and signed request)
- Like button
- Share button
- Embedded post
Support us
Star this project on GitHub.
Usage
Like button
import React, { Component} from 'react';
import FacebookProvider, { Like } from 'react-facebook';
export default class Example extends Component {
render() {
return (
<FacebookProvider appID="123456789">
<Like href="http://www.facebook.com" colorScheme="dark" showFaces share />
</FacebookProvider>
);
}
}
Share post
import React, { Component} from 'react';
import FacebookProvider, { Share } from 'react-facebook';
export default class Example extends Component {
render() {
return (
<FacebookProvider appID="123456789">
<Share href="http://www.facebook.com" />
</FacebookProvider>
);
}
}
Login
import React, { Component} from 'react';
import FacebookProvider, { Login } from 'react-facebook';
export default class Example extends Component {
onFacebookSubmit(data) {
console.log(data);
}
render() {
return (
<FacebookProvider appID="123456789">
<Login scope="email" onSubmit={this.onFacebookSubmit.bind(this)}/>
</FacebookProvider>
);
}
}
Embedded post
import React, { Component} from 'react';
import FacebookProvider, { EmbeddedPost } from 'react-facebook';
export default class Example extends Component {
render() {
return (
<FacebookProvider appID="123456789">
<EmbeddedPost href="http://www.facebook.com" width="500" />
</FacebookProvider>
);
}
}
Support us
Star this project on GitHub.
Try our other React components
Credits
Zlatko Fedor