@eduenano27/react-auth-hook NPM

React Auth Hook

Install

npm install @eduenano27/react-auth-hook

AuthProvider\ Attributes

Attribute	Type	Description	Default
`user`	\	User data	undefined
`views`	IAuthViews	Hook views (internal usage, definition only)	-/-
`hasUser`	boolean	Hook has user	false
`hasToken`	boolean	Hook has token	false
`handleLogin`	(props: { token: string, user: T, permissions: string[] }) => void	Set hook data	-/-
`handleLogout`	() => void	Reset hook data	-/-
`hasPermission`	(...permissions: string[]) => boolean	User has permission	-/-
`hasAnyPermission`	(...permissions: string[]) => boolean	User has any permission	-/-

IAuthViews Attributes

Attribute	Type	Description	Default
`login`	JSX.Element	Component to render when user is not allowed	undefined
`dashboard`	JSX.Element	Component to render when has not permission / guest is not allowed	undefined
`loading`	JSX.Element	Component to render when user data is loading	undefined

Example

import React from "react";
import { AuthProvider } from "@eduenano27/react-auth-hook";

export default function AppComponent() {
    return (
        <AuthProvider
            api={ 'auth/user' }
        
            views={{
                loading:    <LoadingComponent/>,

                login:      <Navigate to={ 'login' }/>,
                dashboard:  <Navigate to={ 'dashboard' }/>
            }}
        >
            ...
        </AuthProvider>
    );
}

react auth hook typescript

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago