react-authenticate

Authentication decorator and provider for React JS.

Requires babel with decorator support (see .babelrc and devDependencies).

Example

Example using with React

Usage

Can be used with react-router or redux-router.

import React from 'react';
import ReactDOM from 'react-dom';
import { ProvideAuthenticationComponent, authenticate, authenticateWith } from 'react-authenticate';
import Login from './components/Login';
 
@authenticate
class UserList extends React.Component {
  render() {
    return ...;
  }
}
 
...
const store = configureStore();
 
ReactDOM.render(
  <div>
    <h1>List of Users</h1>
    <ProvideAuthenticationComponent
      component={Login}
      isAuthenticated={() => store.getState().isAuthenticated}
    >
      <UserList users={store.getState().users}/>
    </ProvideAuthenticationComponent>
  </div>,
  document.getElementById('root')
);

Changelog

2016-11-22 v1.0.0

• the react-authenticate NPM package is transpiled to ES5
• dependencies updated and cleaned up
• added a test
• added yarn.lock