【React.js】ソーシャルボタンのログインライブラリとかあるんですね

はじめに

こんにちは、がんがんです。

直近の備忘録ではReact.jsやNext.jsの記事を書いていることが多いです。
【Next.js】Next.jsのHello World行ってみた - ganganの技術備忘録
【Next.js】Next.jsアプリ(静的サイト)をFirebase Hostingにデプロイしてみた - ganganの技術備忘録

Next.jsのチュートリアルを終了して、遊びでNext.js + Material-uiのWebアプリを作っております。
いろいろと調査をしている中でSNSのログインボタンのライブラリをReact.jsにて発見しました。
そこで、今回は実際に触ってみたいと思います。

参考

www.npmjs.com

実装

実際に実装してみます。まずはインストールします。

$ npm i react-social-login-buttons

実際に実装します。

import React from 'react';
import { Box } from '@material-ui/core'
import { TwitterLoginButton } from "react-social-login-buttons";

export default function Login() {
  return (
    <Box my={4}>
      <TwitterLoginButton onClick={() => alert("Hello")} />
    </Box>
  );
}

おわりに

今回はReact.jsのソーシャルライブラリのログインライブラリについて試してみました。
自身でComponentを構築するのは大変なので、ライブラリあるのはありがたいです。