What Single Page App example do you want to see for ORY Kratos?

We want to provide you with a Single Page App example for ORY Kratos, similar to https://github.com/ory/kratos-selfservice-ui-node . We are however not sure if we should use ReactJS or keep it simple with some good old JQuery. What do you prefer?

  • React SPA Example
  • JQuery Example

0 voters

1 Like

vuejs please :slight_smile: React is dead!

6 Likes

Sorry, these two are the only options available for support from our side. Let’s not make this a framework war/discussion. I can also easily find at least as many people who contradict that opinion, but that’s not what this thread is about.

5 Likes

Im Angular developer. I dont know React =\

Do you feel that something like this would be explanatory enough though?

const LoginPage = ({ router }) => {
  const request = kratos.getLoginRequest(router.params.request)
  return (
    <div>
      <form action={request.methods.password.action}>
         ...
      </form>
    </div>
  )
}

It’s really about understanding the concept rather than cloning the react app itself!

3 Likes

Do you have a timeline in mind as for when the example would be ready?

Unfortunately we don’t give out timelines for open source projects. We will probably start with some documentation first.

1 Like

Sure,

I do work on React, happy to have a look and help before ready for public consumption if it’s useful for you guys

2 Likes

I’m a React developer but maybe is better to leave things simple in that case. I would suggest VanillaJS or jQuery just to understand the concept: watch network requests and which info we must save in local storage. I can help to write with some guidance.

I really cant wait to see that example! when more or less it will be released ? Is there any way to contribute ?

I have a one more question, login/registration forms will be coded in react or app will be redirecting to the kratos login page ?

They will be coded in react

1 Like

vuejs!

1 Like

I’m actually working on an example React implementation if anyone is interested in taking a look: https://github.com/ellioseven/kratos-ss-ui-react/tree/master

3 Likes

:tada:

That’s a great example! But I just wonder how you develop locally when using React? I encounter lots of CORS problems when I develop my frontend. When developing, the frontend and Kratos must be in the different origins right? So I just wondering if there are any CORS settings in Kratos to walkaround it

I’m build a JAMstack app with Sapper and will try integrating Kratos into it. I’d be willing to publish a plug and play example/template of the basic flow of the app that you could use as an example. (Perhaps in exchange for some support if I get stuck with something Kratos specific :slight_smile:)

This is definitely not good for a main example, as Svelte is still not widely adopted, but as it’s a rapidly growing frontend framework (fourth by growth rate on github, right after react, angular and vue) and there’s no good, plug and play, full stack and open source identity service setup for it around.

It could be a decent source of exposure to your project, and very useful to have in the OSS community.

2 Likes

Any one made an working Angular example ? I have included kratos-client in my package.json but when i initialized new PublicApi() i had error "Uncaught TypeError: Cannot read property ‘prototype’ of undefined " , tks for helping me
Note: im using Angular 9

It would be just super! Can I take a look at your repository?