@swiftcarrot/react-auth

Authentication in React and React Native

Installation

yarn add @swiftcarrot/react-auth

Usage

import React from 'react';
import { AuthProvider, AuthProtected, useAuth } from '@swiftcarrot/react-auth';

const getCurrentUser = () => fetch('/user');

const App = () => {
  return (
    <AuthProvider getCurrentUser={getCurrentUser}>
      <AuthProtected renderLoading={Loading} renderLogin={LoginPage}>
        <Dashboard />
      </AuthProtected>
    </AuthProvider>
  );
};

const Dashboard = () => {
  const { currentUser } = useAuth();
  return <div>{currentUser.name}</div>;
};

API

AuthProvider

• getCurrentUser
• beforeLoginUser
• afterLoginUser
• beforeLogoutUser
• afterLogoutUser
• renderLoading

AuthProtected

• renderLoading
• renderLogin

AuthContext

useAuth

Methods

• loading
• setLoading
• currentUser
• setCurrentUser
• loginUser
• logoutUser

License

MIT