facebook-login-redux-react

Change Log - Version 1.0.0

• Reduced library size from 38k to 4.7kb!
• Styles can now be modified through props.
• Minor Changes to the props API.

Example: Integrating Button with Redux

source code can be found in [demo

Installation

npm i facebook-login-redux-react

Usage

Props

Props	Type	Default	Notes
appId	string	None.It is a required prop.
version	string	'v2.9'	refer to Facebook Docs for explanation on available values
loginLabel	string	Log In To Facebook
loginOptions	object	{scope: 'email'}	all options listed on Facebook Docs are passable with camelCase. e.g : {returnScopes: false}
logoutLabel	string	Log out from Facebook
onClick	function		will execute before the onLoginEvent/onLogoutEvent. useful for triggering the fetching event for redux store.
sdkLoaded	Object	returns an object with the following keys: isConnected: Boolean. is the User conneted? FB: the api object.
onLoginEvent	function
onLogoutEvent	function

Style Props

Style Props Accepts any valid String values for those css Properties:

Prop Name	Default Value (String)
width	None
padding	0 15px 0px 46px
fontSize	16px
backgroundImage	linear-gradient(#4C69BA, #3B55A0)
color	#FFF
lineHeight	34px

Example:

<FacebookReduxLogin
  appId='12345678'
  onLoginEvent={this.login}
  onLogoutEvent={this.logout}
  onClick={() => this.props.startFetching()}
  />

Development

• running the demo on dev server npm start. this will run the demo app, which is configured for redux,

Contribute

I welcome any kind of contributions/requests/questions/general feedback. Please Open an Issue Or a pull request. Tests

======

tests will be added hopefully soon.