We’re excited to announce the release of a new Microsoft Authentication Library (MSAL) for React. We’re calling it MSAL React. This expands the libraries you can use with the Microsoft identity platform to our developers using React. MSAL React will help applications built with React better integrate with AAD and introduces React specific concepts such as Hooks, Events and Classes. MSAL React uses the OAuth 2.0 Authorization Code Flow with PKCE (Proof Key for Code Exchange), providing additional security. To learn more about MSAL authentication flows, follow this link: MSAL authentication flows – Microsoft identity platform | Microsoft Docs

With MSAL React you can write applications to authenticate users using work, school and personal Microsoft accounts, and accounts on social identity providers like Facebook, Google, LinkedIn, and others with our Azure AD B2C product. It also enables your app to access data and intelligence in Microsoft 365 through Microsoft Graph.

You can find the MSAL React package at @azure/msal-react – npm (npmjs.com). To learn more about taking advantage of the new MSAL React library in your application, follow the quickstart or the tutorial.

MSAL React ensures your application can use the latest features of our Azure products and stays up to date with the latest releases from the React.js community. For example, the MSAL React library works with the Microsoft identity platform’s OpenID Connect-certified Azure AD v2.0 endpoint and the social identity solution from Microsoft Azure AD B2C. It allows your application to take advantage of the OAuth 2.0 Authorization Code Flow with PKCE.

-Microsoft identity platform team