Repository files navigation

SimpleReact components forsocial (Facebook, Google, VKontakte, Pinterest ...) buttons and counts.

npm install react-social --save

import{FacebookButton,FacebookCount}from"react-social";classAppextendsComponent{render{leturl="https://github.com";return(<FacebookButtonurl={url}appId={appId}><FacebookCounturl={url}/>{" Share "+url}</FacebookButton>);}}

WARNING:GooglePlusCount,TwitterCount andPocketCount uses thedonreach API which has a limitof 1000 request per day, if you have an alternative please do not hesitateto make a PR

• FacebookCount
• TwitterCount
• GooglePlusCount
• PinterestCount
• LinkedInCount
• RedditCount
• VKontakteCount
• TumblrCount
• PocketCount

Change the element the component renders into, default isspan.

The url you want to get the count of, default iswindow.location.

• FacebookButton

Optional access token.

Callback for when the count is updated. Callback takes one argumentcount.

Return the social count.

• FacebookButton
• TwitterButton
• GooglePlusButton
• PinterestButton
• LinkedInButton
• RedditButton
• VKontakteButton
• EmailButton
• XingButton
• TumblrButton
• PocketButton
• OdnoklassnikiButton
• MyMailRuButton

Change the element the component renders into, default isbutton.

The url you want to share, default iswindow.location.

The target you want to open, default is_blank.

Pass options towindow.open.

• TwitterButton
• FacebookButton
• XingButton
• TumblrButton
• PocketButton
• VKButton
• PinterestButton (required)
• OdnoklassnikiButton (required)
• MyMailRuButton (required)

A message that's prepended before the url.

• VKButton
• RedditButton
• LinkedInButton
• OdnoklassnikiButton (required)
• MyMailRuButton (required)

Title of your shared content.

• PinterestButton (required)
• FacebookButton (optional)
• OdnoklassnikiButton (required)
• MyMailRuButton (required)

Url of an image.

• FacebookButton (required)

Facebook app id.

• FacebookButton

Facebook has 2 different share dialogs. By default we're showing FeedDialog which has more options, but supports only sharing to user'sfeed. You can setsharer option totrue and we'll show Share Dialogwhere user can choose between their feed and also pages they haveaccess to.

There are no styles included, the components pass all their props downto their element likeclassName andstyle so you can easily stylethem yourself.

• When rendered server side counts will be 0 since they depend on JSONP.
• GooglePlusCount,TwitterCount andPocketCount uses the donreach API which has a limit of 1000 requests per day.

• Ola Holmström (@olahol)
• Alexandr Sugak (@AlexSugak)
• Jon Principe (@jprincipe)
• Jean-Baptiste Quenot (@jbq)
• Kurt Weiberth (@kweiberth)
• Bartek Gruszka (@bartekgruszka)
• Josh Owens (@queso)
• Maxime Mezrahi (@maxs15)
• Arvin Tehrani (@arvinkx)
• Dennis Stücken (@dstuecken)
• Jonas (@jonashaefele)
• River Kanies (@riverKanies)
• Pavel Linkesch (@orthes)
• Vincent (@vkammerer)
• Alexey Balmasov (@balmasich)
• Amitom (@Amitom)
• Ryan Nevius (@rnevius)
• David Lakata (@dlakata)
• Roman Kosovichev (@roma-so)
• Igor Pnev (@exdeniz)
• Belevskij Sergeij (@r72cccp)

MIT Licensed