Coder Social home page Coder Social logo

amaury1093 / react-redux-auth0-kit Goto Github PK

View Code? Open in Web Editor NEW
115.0 115.0 31.0 751 KB

Minimal starter boilerplate project with CRA, React, Redux, React Router and Auth0 authentication

License: MIT License

JavaScript 90.97% HTML 8.41% CSS 0.62%
auth0 authservice babel boilerplate create-react-app es6 eslint live-reload minimal react react-router redux test webpack

react-redux-auth0-kit's People

Contributors

amaury1093 avatar benschaaf avatar dependabot[bot] avatar martinvd avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

react-redux-auth0-kit's Issues

TypeScript?

Would you like to see this project use TypeScript?

Linter fails with Unexpected token =

This line causes my linter to fail: authService = new AuthService();

I receive "Unexpected token ="

Any advice?

Thanks!

https://github.com/amaurymartiny/react-redux-auth0-kit/blob/master/src/containers/App/AppView.js#L13

My eslint file looks like this:

module.exports = {
  "extends": "airbnb",
  "plugins": [
    "react",
    "jsx-a11y",
    "import"
  ],
  "env": {
    "browser": true,
  },
  "globals": {
    "window": true,
  },
  "rules": {
    "react/jsx-filename-extension": 0,
    "no-console": 0,
    "max-len": 0,
    "react/prop-types": 0,
    "react/no-array-index-key": 0,
    "jsx-a11y/href-no-hash": 0,
    "no-unused-vars": 0,
    "jsx-a11y/label-has-for": 0,
  }
};

"404" flashes for a second

After a few days of casual research, I've settle on this as the best boilerplate out there for Auth0 Embedded Login in a React/Redux app. Thank you.

One small issue: right after logging in, the page title flashes "404" just for maybe a second. Just FYI.

localhost identifier

It might be a good idea to pull the call back up to a config.js setting so that it can be changed in one place for using this on a externally facing server.

Local Storage? checkLogin Action?

Hi, I am working to implement my react-redux-auth0 solution based on your example. I have a couple questions that you might be able to help me with...

  1. Why are you storing the id_token and profile in local storage? Should these not just be stored in the redux store?

  2. Why have the checkLogin action? Is there a reason you put the "authenticated" and "authorization_error" event handlers here? I placed mine in the constructor of the AuthService (like the examples provided by Auth0). I am just trying to understand your approach.

Thanks!

About won't render

I was able to get everything set up and working but the about link isn't re-rendering, even on a reload. In the Route line I added an "exact" for the '/' path and that now makes it render when reloaded but the links don't cause the page to reload.

Any suggestions?

GraphQL

any interest in integrating GraphQL?

InvalidTokenError

After auth is successful - Close the page - Re-open - I am an presented with a error.

InvalidTokenError: Invalid token specified: Cannot read property 'replace' of undefined

Any ideas?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.