@kazion/react-facebook-login NPM

@kazion/react-facebook-login

This is a React package that provides a simple way to add Facebook login to your React application.

Installation

To install this package, run the following command in your terminal:

pnpm install @kazion/react-facebook-login

Usage

To use this package in your React application, import it as follows:

Wrap your app with FacebookProvider

import { FacebookProvider } from "@kazion/react-facebook-login";
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App.tsx";
import "./index.css";

ReactDOM.createRoot(document.getElementById("root")!).render(
  <React.StrictMode>
    <FacebookProvider
      appId="your-app-id"
      version="v19.0"
    >
      <App />
    </FacebookProvider>
  </React.StrictMode>
);

Login Button

import FacebookLogin from "@kazion/react-facebook-login";

Then, you can use the FacebookLogin component in your application as follows:

const App = () => {
  const handleResponse = (response) => {
    console.log(response);
  };

  return <FacebookLogin onSuccess={handleResponse} />;
};

export default App;

Login using Hook

import { useFacebookLogin } from "@kazion/react-facebook-login";

const App = () => {
  const login = useFacebookLogin({
    onSuccess: (response) => {
      console.log(response);
    },
  });

  return <button onClick={() => login()}>Login</button>;
};

export default App;