# Easy-to-use login solution for solid react apps

**URL:** <https://forum.solidproject.org/t/easy-to-use-login-solution-for-solid-react-apps/6677>\
**Category:** General Discussion\
**Created:** [June 17, 2023, 4:04pm UTC](https://forum.solidproject.org/t/easy-to-use-login-solution-for-solid-react-apps/6677 "2023-06-17T16:04:17Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ludwigschubi](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/ludwigschubi/32/4404_2.png) [@ludwigschubi](https://forum.solidproject.org/u/ludwigschubi)\
**Post date:** [June 17, 2023, 4:04pm UTC](https://forum.solidproject.org/t/easy-to-use-login-solution-for-solid-react-apps/6677/1 "2023-06-17T16:04:17Z")

</div>

If you want to save some development time and you are looking for a simple login solution then this might be interesting for you. It’s a small react library to quickly bootstrap a solid login flow. You can wrap your entire app in the “PodConnector” component and it will handle the solid authentication for you. You can customize some of the appearance of the component as well as the identity providers that you would suggest to a user.

Here is a little demo: [React App](https://ludwigschubi.gitlab.io/react-pod-connector-demo/)  
And this is the repo with more information: [ludwigschubi / react-pod-connector · GitLab](https://gitlab.com/ludwigschubi/react-pod-connector/)

Feel free to leave your thoughts or other feedback, have a good weekend! ✌ 🙂

---

<div class="post-metadata">

**Author:** ![ThisIsMissEm](https://dub1.discourse-cdn.com/flex017/user_avatar/forum.solidproject.org/thisismissem/32/3166_2.png) [@ThisIsMissEm](https://forum.solidproject.org/u/ThisIsMissEm)\
**Post date:** [June 18, 2023, 12:13am UTC](https://forum.solidproject.org/t/easy-to-use-login-solution-for-solid-react-apps/6677/2 "2023-06-18T00:13:34Z")

</div>

You may wish to bind to authn directly, as solid-ui-react has problems. Also look into syncexternalstore it’ll help with the re-rendering problems; but authn didn’t expose the correct state to correctly authenticate in bindings, you need to assume you’re in a loading state until you know otherwise.

I’d also recommend using component props for loading indicates & forms, as to not require pulling in a huge dependency tree that’s potentially incompatible.

It’s a shame Inrupt close sourced PodBrowser that had a fix for a major issue in solid-ui-react’s code.

You’ll also want hooks for restoring state/URLs when transitioning between unknown, Logged out, and logged in states.

(Ref: I used to work on all this code at Inrupt prior to leaving)