BEST PRACTISE: Account-UI for Meteor + React + React Router

[thebarty]

Hi guys,

starting from scratch: Meteor + React + ReactRouter.

Need to get accounts working…

Which option do you recon to go with:

• Studio Interact https://github.com/studiointeract/accounts-ui (seems to NOT be React Router 4 compatible )
• royGil https://github.com/royGil/accounts-react
• original blaze based accounts-ui https://www.meteor.com/tutorials/react/adding-user-accounts

Does anyone have some up-to-date experience? maybe @waldgeist

[paulishca]

None of the above. In React you just create a form, get the values and call the Login method.
For your convenience, let me share an example from one of my WIPs and the React code for it.
As I use Redux, you will see a call like this.props.signIn(email, password)
This calls an Action in Redux (a function which has the Meteor methods you are familiar with) OK, let me add both files. If you are not familiar with Redux (which you can never regret using) ‘dispatch’ is like a callback.

The example: https://www.activitree.com/signin
The files: here

[waldgeist]

I’m using https://github.com/royGil/accounts-react, but it took me a while to set this up, and still am struggling with some issues.

[waldgeist]

Thanks for sharing your stuff!

[thebarty]

Still searching… can’t believe how hard it is to find a working boilerplate that can handle those things

• Meteor
• React
• React Router
• Accounts implementation with SignUp LogIn ForgotPassword ResetPassword and transactional Email functionality

[alawi]

And why do you need a boilerplate for that? Just create a meteor react app, add the react router package and use Meteor accounts which has all those functionalities?

Otherwise, you might want to try Pup.

[captainn]

Which option do you recon to go with:

I always end up building my own login and registration forms from scratch. It’s not hard, and every project seems to have different requirements anyway, different UI frameworks, different CSS frameworks, etc.

Sometimes I use uniforms to make it a bit easier, but for log in forms, it’s pretty easy to just just wire up the forms in react directly.

[deank]

I think Pup is very good option to learn from, however I think its over engineered, I have used it before to created a complicated app, and ended up with hundreds of nested components that was pain to keep track of.

[alawi]

I see, well it has not been my experience and we also have a large app.

Basically, I’ve divided the app into Meteor packages and using the application structure recommended in the Meteor guide. Personally I think how you divide your component is react/component design decisions and has little to do with the overall application structure which what Pup is providing (at least version 1 from what I recall).

[thebarty]

This is the solution for the login issue.

Accounts + React + Uniforms. https://github.com/MeteorDemoApps/Uniforms-UserAccount-demo

[thebarty]

Yeah Pup is really nice. Love the Gdpr Stuff and Admin Backend. But I do NOT like the mixed in GraphQl for user management. This is one of the reasons I decided not to go with it (but to keep it as reference to merge features in)

[philipmjohnson]

Here’s the template I provide to my students:

meteor-application-template-react

Note the videos need to be updated, will do that in the next week.

Philip

[hlazardzig]

Yet another solution - this is what I am modifying to fit my project:

http://www.mrscottmcallister.com/custom-authentication-in-meteor/

It takes a little effort to adapt (especially when like me you’re not using Bootstrap), but then you have the greatest possible flexibility