The Kinde Expo SDK allows developers to quickly and securely integrate a new or an existing Expo application into the Kinde platform.
npm i @kinde/expo
yarn add @kinde/expo
pnpm add @kinde/expo
EXPO_PUBLIC_KINDE_DOMAIN=[yourapp.kinde.com]
EXPO_PUBLIC_KINDE_CLIENT_ID="ApplicationClientId"
// Optional (default: "openid profile email offline")
EXPO_PUBLIC_KINDE_SCOPES="openid profile email offline"
The redirection URL is automatically computed using Expo Auth Session makeRedirectUri
function. You can find more information about this function here.
Setup the Kinde Provider in your App.js file.
import { KindeAuthProvider } from '@kinde/expo';
export default function App() {
return (
<KindeAuthProvider>
<!-- Your application code -->
</KindeAuthProvider>
);
}
Simple and flexible functions for register, login and logout are part of the useKindeAuth
hook
import { useKindeAuth } from "@kinde/expo";
import { Pressable, View, Text } from "react-native";
export default function Authentication() {
const kinde = useKindeAuth();
const handleSignUp = async () => {
const token = await kinde.register({});
if (token) {
// User was authenticated
}
};
const handleSignIn = async () => {
const token = await kinde.login({});
if (token) {
// User was authenticated
}
};
const handleLogout = async () => {
await kinde.logout({ revokeToken: true });
};
return !kinde.isAuthenticated ? (
<View>
<Pressable onPress={handleSignIn}>
<Text>Sign In</Text>
</Pressable>
<Pressable onPress={handleSignUp}>
<Text>Sign Up</Text>
</Pressable>
</View>
) : (
<Pressable onPress={handleLogout}>
<Text>Logout</Text>
</Pressable>
);
}
If you'd like to contribute to this project, please follow these steps:
- Fork the repository.
- Create a new branch.
- Make your changes.
- Submit a pull request.
By contributing to Kinde, you agree that your contributions will be licensed under its MIT License.