{"id":14970632,"url":"https://github.com/iliran11/facebook-login-redux-react","last_synced_at":"2025-10-16T19:14:59.796Z","repository":{"id":57232252,"uuid":"88286706","full_name":"iliran11/facebook-login-redux-react","owner":"iliran11","description":"🐜 LightWeight  And Simple React Component For handling Facebook Integration","archived":false,"fork":false,"pushed_at":"2017-11-29T17:20:44.000Z","size":353,"stargazers_count":10,"open_issues_count":1,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-01-31T19:11:13.435Z","etag":null,"topics":["api","component","facebook","javascript","react","redux"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/iliran11.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.MD","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-14T17:03:40.000Z","updated_at":"2018-01-12T09:13:00.000Z","dependencies_parsed_at":"2022-08-31T14:10:36.708Z","dependency_job_id":null,"html_url":"https://github.com/iliran11/facebook-login-redux-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iliran11%2Ffacebook-login-redux-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iliran11%2Ffacebook-login-redux-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iliran11%2Ffacebook-login-redux-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iliran11%2Ffacebook-login-redux-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iliran11","download_url":"https://codeload.github.com/iliran11/facebook-login-redux-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238337244,"owners_count":19455276,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","component","facebook","javascript","react","redux"],"created_at":"2024-09-24T13:43:53.213Z","updated_at":"2025-10-16T19:14:54.773Z","avatar_url":"https://github.com/iliran11.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![npm](https://img.shields.io/npm/dm/facebook-login-redux-react.svg)](https://www.npmjs.com/package/facebook-login-redux-react)\n[![Github file size](https://img.shields.io/github/size/iliran11/facebook-login-redux-react/build/index.js.svg?style=flat-square)](https://github.com/iliran11/facebook-login-redux-react/blob/master/build/index.js)\n\n# Change Log - Version 1 🎂\n\n* Reduced library size from 38k to 4.7kb!\n* Styles can now be modified through props.\n* Minor Changes to the props API.\n\nExample: Integrating  Button with Redux\n======\nsource code can be found in [demo](https://github.com/iliran11/facebook-login-redux-react/tree/master/demo)\n\nInstallation\n======\n\n```\nnpm i facebook-login-redux-react\n```\n\nUsage\n======\n\nProps\n------\n\n\n| Props \t| Type \t| Default \t| Notes \t|\n|---------------\t|----------\t|---------------------------------------------\t|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------\t|\n| appId \t| string \t| None.It is a required prop. \t|  \t|\n| version \t| string \t| 'v2.9' \t| refer to [Facebook Docs](https://developers.facebook.com/docs/apps/changelog/) for explanation on available values \t|\n| loginLabel \t| string \t| Log In To Facebook \t|  \t|\n| loginOptions \t| object \t| {scope: 'email'} \t| all options listed on [Facebook Docs](https://developers.facebook.com/docs/reference/javascript/FB.login/v2.9) are passable with camelCase. e.g : {returnScopes: false} \t|\n| logoutLabel \t| string \t| Log out from Facebook \t|   \t|\n| onClick \t| function \t|  \t| will execute before the onLoginEvent/onLogoutEvent. useful for triggering the fetching event for redux store. \t|\n| sdkLoaded | Object | returns an object with the following keys: \u003cbr\u003e \u003cb\u003eisConnected\u003c/b\u003e: Boolean. is the User conneted? \u003cbr\u003e \u003cb\u003eFB:\u003c/b\u003e the api object. |\n| onLoginEvent \t| function \t|  \t|  \t|\n| onLogoutEvent \t| function \t|  \t|  \t|\n\nStyle Props\n------\nStyle Props Accepts any valid String values for those css Properties: \n\n| Prop Name       | Default Value (String)            |\n|-----------------|-----------------------------------|\n| width           | None                              |\n|  padding        | 0 15px 0px 46px                   |\n| fontSize        | 16px                              |\n| backgroundImage | linear-gradient(#4C69BA, #3B55A0) |\n| color           | #FFF                              |\n| lineHeight      | 34px                              |\n\n\n\nExample:\n------\n\n\n```xml\n\u003cFacebookReduxLogin\n  appId='12345678'\n  onLoginEvent={this.login}\n  onLogoutEvent={this.logout}\n  onClick={() =\u003e this.props.startFetching()}\n  /\u003e\n```\nDevelopment\n======\n\n- running the demo on dev server `npm start`. this will run the demo app, which is configured for redux, \n\nContribute\n======\n\nI welcome any kind of contributions/requests/questions/general feedback.\nPlease Open an Issue Or a pull request.\nTests\n\n======\n\ntests will be added hopefully soon.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Filiran11%2Ffacebook-login-redux-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Filiran11%2Ffacebook-login-redux-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Filiran11%2Ffacebook-login-redux-react/lists"}