use-wordpress-auth

Made with create-react-library

Install

npm install --save use-wordpress-auth

Wrap your App with the AuthProvider in App.js

import React from 'react'
import { AuthProvider } from 'use-wordpress-auth'
const App = () => {
  return <AuthProvider>{/* ... */}</AuthProvider>
}

Usage

import React from 'react'
import { useForm } from 'react-hook-form'
import { useAuth } from 'use-wordpress-auth'

const Example = () => {
  const { handleSubmit, register, errors } = useForm()
  const {
    user,
    loading,
    isAuthenticated,
    login,
    signup,
    isAuthenticating
  } = useAuth()

  if (isAuthenticated) {
    return <div>Welcome {user.firstName}!</div>
  }

  return (
    <form onSubmit={handleSubmit(login)}>
      <label for='email'>Email</label>
      <input type='email' name='email' ref={register} />
      {errors.email && errors.email.message}

      <label for='password'>Password</label>
      <input type='password' name='password' ref={register} />
      {errors.password && errors.password.message}

      <button type='submit' disabled={loading}>
        {loading ? 'Loading...' : 'Login'}
      </button>
    </form>
  )
}

License

MIT © Moretape