With-react-redux-login NPM | npm.io

1.22.7 • Published 3 years ago

Install

Weekly downloads

119

License

MPL-2.0

Repository

Last release

3 years ago

with-react-redux-login

React Redux hoc component for rendering page only on user log success.

Basic Usage

Using redux-saga-data or redux-thunk-data

See first the store install process in redux-thunk-data.

Then you can declare a login component like this:

import { withRouter } from 'react-router-dom'
import { compose } from 'redux'
import withLogin from 'with-react-redux-login'


const withLoginRedirectToSigninWhenNotAuthenticated = compose(
  withRouter,
  withLogin({
    currentUserApiPath: '/users/current',
    handleFail: (state, action, ownProps) => {
      const { history } = ownProps
      history.push('/signin')
    },
  })
)


const FooPage = () => {
  // withLogin passes a currentUser props
  const { currentUser } = this.props
  const { email } = currentUser || {}
  return (
    <div>
      I am connected with {email} !
    </div>
  )
}


export default compose(withLoginRedirectToSigninWhenNotAuthenticated)(FooPage)

Depending on what returns GET 'https://myfoo.com/users/current':

if it is a 200 with { email: 'michel.momarx@youpi.fr' }, FooPage will be rendered,
if it is a 400, app will redirect to '/signin' page.

Usage with config

See first the store install process in fetch-normalize-data.

react hoc login redux

classnames fetch-normalize-data lodash.uniq prop-types react react-redux reselect uuid

@everything-registry/sub-chunk-3152 @infinitebrahmanuniverse/nolb-wit

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago