react-github-login-button is universal, so it can be used client-side or server-side.

1. Install through: npm install --save react-github-login-button

2. Import GithubButton from react-github-login-button:

   import GithubButton from 'react-github-login-button'

3. Use GithubButton component:

   <GithubButton
     onClick={() => { console.log('Github button clicked') }}
   />

oneOf([ 'light', 'dark' ])

'dark'

<GithubButton
  type="light" // can be light or dark
  onClick={() => { console.log('Github button clicked') }}
/>

'light' or 'dark' for the different github styles (defaults to dark)

disabled - whether or not button is disabled

Boolean

false

<GithubButton
  disabled // can also be written as disabled={true} for clarity
  onClick={() => { console.log('this will not run on click since it is disabled') }}
/>

String

'Sign in with Github'

<GithubButton
  label='Be Cool'
  onClick={() => { console.log('Github button clicked') }}
/>

Override the 'Sign in with Github' words with another string.

Most commonly people consume react-github-login-button as a CommonJS module. This module is what you get when you import redux in a Webpack, Browserify, or a Node environment.

If you don't use a module bundler, it's also fine. The react-github-login-button npm package includes precompiled production and development UMD builds in the dist folder. They can be used directly without a bundler and are thus compatible with many popular JavaScript module loaders and environments. For example, you can drop a UMD build as a <script> tag on the page. The UMD builds make Redux Firestore available as a window.ReduxFirestore global variable.

It can be imported like so:

<script src="../node_modules/react-github-login-button/dist/react-github-login-button.min.js"></script>
<!-- or through cdn: <script src="https://unpkg.com/react-github-login-button@latest/dist/react-github-login-button.min.js"></script> -->
<script>console.log('redux firestore:', window.ReactGithubButton)</script>

Note: In an effort to keep things simple, the wording from this explanation was modeled after the installation section of the Redux Docs.