implement auth with the Flux based router about react-starter-kit HOT 24 CLOSED

ping @koistya
mind answering this one?

from react-starter-kit.

@frankleng I'm going to include auth flow example into this kit, hopefully next week.

from react-starter-kit.

@koistya that'll be great if you have time this week. also with that said, it'll be nice to have a sample for simple redirects.
One of the pain points is debugging routes on the server side. Please let me know if you have any tips.

from react-starter-kit.

@koistya I'm also trying to learn how to implement auth with React, would love an example.

from react-starter-kit.

+1

from react-starter-kit.

The nuclearmail app (https://github.com/ianobermiller/nuclearmail) has a working example of auth using the Gmail REST API

from react-starter-kit.

@koistya An example of auth with react-router would be great, have you had any more look into this?

from react-starter-kit.

+1, i spent the whole sunday afternoon trying to get this running, trying to keep my code isomorphic and following the flux architecture without success. I believe this is a deal breaker for many, if anyone already have a working solution to share that would be really handy.

from react-starter-kit.

Here is an example of an alternative routing approach:

Implementing React.js routing from scratch (docs/recipe)

Where you can check authentication in several ways:

router.route('/store/checkout', async () => {
  if (!this.user.isAuthenticated) {
    this.throw(401, 'You must be authenticated.');
  } else {
    const data = await http.get('/api/cart/items');
    this.render(require('./components/Checkout'), data);
  }
});

router.route('/store/checkout', authorize('user'), async () => { ... });
/* where `authorize(..)` is just a regular route handler */

router.route('/store/*', async () => { /* check authentication via `this.user` */ })
router.route('/store/checkout', async () => { /* load data, return component to render */ });

from react-starter-kit.

@koistya the example code has import Router from './core/Router'; but there's no such file. Where can we find it?

from react-starter-kit.

@constantx fixed 'How to implement routing' recipe in 9891699

from react-starter-kit.

@koistya rad, will check it out

from react-starter-kit.

any tip on handling redirect? I'm having a hard time figuring out where to do it (in a store? action? component?)

from react-starter-kit.

@constantx one way is to use Location.navigateTo('/new-path')

from react-starter-kit.

Another way.. is to add this redirect logic to the router, I will try to do it later

from react-starter-kit.

@koistya rad, looking forward to it, thanks for all the hard work!

from react-starter-kit.

@koistya, awesome work thanks. I agree it would be great to have an auth example route in the kit.

from react-starter-kit.

@koistya Would also love an auth example route.

from react-starter-kit.

+1

from react-starter-kit.

Could be great ! +1

from react-starter-kit.

@koistya Any progress on this? A working example of a basic auth workflow - token, cookie, user object handling, would be super beneficial for the kit!

from react-starter-kit.

I use express middleware to ensure authentication for API endpoints. I also use a higher level component to handle component by component permissions. It was a pain to implement this. Would love to see this project move to react router 1.0.

from react-starter-kit.

@constantx @9mm @gmlnchv @lovegroveandy @ACPK
this is not a PR, but i pubish my fork with:

1. redirects (server and client)
2. authorization
3. altjs / flux ( stores, actions, Iso etc.)
   Just for example, and some basic features for personal project "out the box"
   see https://github.com/Bogdaan/react-auth-kit

from react-starter-kit.

This is really old issue.
Feel free to reopen it if you think it may be useful for someone.

from react-starter-kit.