What version of React is required?

This package requires React 18 or higher and is optimized for modern React patterns.

Does this support social login like Google or Microsoft?

No, this skill is specifically designed for local email/password authentication. For OAuth providers, you should use external libraries like MSAL or specific provider SDKs.

How does it handle backend API errors?

The hooks include an automatic error mapping system that translates HTTP status codes into user-friendly error messages assigned to the correct form fields.

Can I add extra fields to the signup form?

Yes, the hooks support extending the default signup data interfaces, allowing you to easily include custom fields like 'Company Name' or 'Terms of Service' checkboxes.

Does it manage the user session globally?

It manages the UI and form state during the auth process. You integrate the result with a security service (like @astroapps/client) to persist the session and manage the current user state.

AstroApps Local Auth UI Hooks

Name: AstroApps Local Auth UI Hooks
Author: astrolabe-apps

byastrolabe-apps

0•

Seguridad y Pruebas

Simplifies building React-based authentication pages for email and password identity systems with robust form management.

@astroapps/client-localusers provides a comprehensive suite of React hooks and utilities designed to streamline the implementation of local user authentication flows. It handles complex form states, input validation, and multi-factor authentication (MFA) logic, allowing developers to build secure login, signup, and account management interfaces without the overhead of external OAuth providers. By mapping HTTP status codes to user-friendly error messages and providing type-safe form interfaces, it ensures a consistent and reliable user experience for applications managing their own user databases.

Características Principales

01Pre-built React hooks for Login, Signup, and Password Reset flows

020 GitHub stars

03Integrated Multi-Factor Authentication (MFA) and account management support

04Automated form state management and input validation via @react-typed-forms/core

05Dynamic HTTP error code mapping to user-friendly UI messages

06Highly customizable configuration for routes, labels, and error text

Casos de Uso

01Implementing secure multi-factor authentication (MFA) prompts within a React frontend

02Building a custom login and registration system for a SaaS application using internal user accounts

03Creating self-service account management pages for password changes and email updates

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add astrolabe-apps/astrolabe-common astroapps-client-localusers

For use in Claude.ai and ChatGPT

Download Skill