{"id":6617,"date":"2021-07-14T10:21:49","date_gmt":"2021-07-14T17:21:49","guid":{"rendered":"https:\/\/officedevblogs.wpengine.com\/?p=6551"},"modified":"2021-11-17T12:29:05","modified_gmt":"2021-11-17T20:29:05","slug":"msal-for-react-is-here","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/msal-for-react-is-here\/","title":{"rendered":"MSAL for React is here!"},"content":{"rendered":"<p>We\u2019re excited to announce the release of a new Microsoft Authentication Library (MSAL) for React. We\u2019re 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: <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/active-directory\/develop\/msal-authentication-flows\">MSAL authentication flows &#8211; Microsoft identity platform | Microsoft Docs<\/a><\/p>\n<p>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.<\/p>\n<p>You can find the MSAL React package at <a href=\"https:\/\/www.npmjs.com\/package\/@azure\/msal-react\">@azure\/msal-react &#8211; npm (npmjs.com)<\/a>. To learn more about taking advantage of the new MSAL React library in your application, follow the <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/active-directory\/develop\/quickstart-v2-javascript-auth-code-react\">quickstart<\/a> or the <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/active-directory\/develop\/tutorial-v2-react\">tutorial<\/a>.<\/p>\n<p>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\u2019s 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.<\/p>\n<p>&nbsp;<\/p>\n<p>-Microsoft identity platform team<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The new release of MSAL for React expands the libraries you can use with the Microsoft identity platform to developers using React.<\/p>\n","protected":false},"author":69081,"featured_media":25159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[3,5],"tags":[93,150],"class_list":["post-6617","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-microsoft-graph","category-microsoft-identity-platform","tag-msal","tag-react"],"acf":[],"blog_post_summary":"<p>The new release of MSAL for React expands the libraries you can use with the Microsoft identity platform to developers using React.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/6617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/users\/69081"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/comments?post=6617"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/posts\/6617\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media\/25159"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/media?parent=6617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/categories?post=6617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/microsoft365dev\/wp-json\/wp\/v2\/tags?post=6617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}