React Facebook Components
Components
- Facebook provider (provide settings to child components)
- Login button (provide user profile and signed request)
- Like button
- Share and Share button
- Comments
- Comments count
- Embedded post
- Page
Support us
Star this project on GitHub.
Usage
Like button
;; { return <FacebookProvider appID="123456789"> <Like href="http://www.facebook.com" colorScheme="dark" showFaces share /> </FacebookProvider> ; }
Share post
;; { return <FacebookProvider appID="123456789"> <Share href="http://www.facebook.com"> <button type="button">Share</button> </Share> </FacebookProvider> ; }
Share button
You can use predefined button with bootstrap and font awesome classNames
;; { return <FacebookProvider appID="123456789"> <ShareButton href="http://www.facebook.com" /> </FacebookProvider> ; }
Comments
;; { return <FacebookProvider appID="123456789"> <Comments href="http://www.facebook.com" /> </FacebookProvider> ; }
Comments count
;; { return <FacebookProvider appID="123456789"> <CommentsCount href="http://www.facebook.com" /> Comments </FacebookProvider> ; }
Login
;; { console; console; } { return <FacebookProvider appID="123456789"> <Login scope="email" onResponse=thisonFacebookResponse> <span>Login via Facebook</span> </Login> </FacebookProvider> ; }
Embedded post
;; { 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
- Translate your great project react-translate-maker
- Google Analytics react-g-analytics
- Google AdSense via Google Publisher Tag react-google-publisher-tag