LinkedIn Login Integration in React Native

Installation

To integrate LinkedIn login, install the required dependencies using the following commands:

npm i @sasibalaji/react-native-custom-social-login-linkedin
npm i @react-native-firebase/auth
npm i @react-native-firebase/app

How to Use

Below is the implementation of LinkedIn login in a React Native application:

import React from 'react';
import { Button } from 'react-native';
import LinkedInLogin from '@sasibalaji/react-native-custom-social-login-linkedin';

const App = () => {
  return (
    <LinkedInLogin
      clientId="86sdlmqtypb6dk"
      clientSecret="WPL_AP1.pPqc2O63xsOf3oc0.odOkSg=="
      redirectUri="https://com.test/auth/linkedin"
      onSuccess={({ user, accessToken }) => console.log(user, accessToken)}
      onError={error => console.error(error)}
    >
      {({ signInWithLinkedIn }) => (
        <Button title="Login with LinkedIn" onPress={signInWithLinkedIn} />
      )}
    </LinkedInLogin>
  );
};

export default App;

Explanation

LinkedInLogin Component

This component handles the authentication flow for LinkedIn.

clientId & clientSecret

These values should be obtained from the LinkedIn Developer Console.

redirectUri

Ensure this URL is properly registered in LinkedIn OAuth settings.

onSuccess Callback

Returns user and accessToken upon successful authentication.

onError Callback

Handles errors during login.

signInWithLinkedIn Function

Initiates the LinkedIn login process when the button is clicked.

Usage

1. Add your clientId, clientSecret, and redirectUri from LinkedIn Developer settings.
2. Ensure Firebase authentication is correctly set up in your project.
3. Run the application and test the LinkedIn login functionality.

This implementation allows users to authenticate using LinkedIn in your React Native app seamlessly.