Back to overview

Join Kent C. Dodds for "Remix Authentication"

Not currently scheduled

Sign up to be notified when this workshop is scheduled

The problem statement

Authenticating your users can be tricky business

And it can be pretty bad if you get it wrong

Sure, you can pay for something off-the-shelf, but that can get expensive really quickly and you have to worry about integrating, vendor lock-in, and keeping your code up-to-date.

And whether you do decide to pay for an off-the-shelf solution or roll your own, you need to figure out how to code up your React components and data retrieval code to make sure the right user is shown the right thing at the right time. Tricky business indeed.

At the end of this workshop you'll be able to do all of these things yourself.

Here's why you should register for the workshop.

Register here
  1. 01.Connect to a database

    Doing user auth without a persistence layer doesn't make a lot of sense, so in this workshop we're going to connect our app to a database and show how to ensure users have access to their own data (and nobody else's).

  2. 02.Hand roll our own auth

    Authentication is not nearly as complicated when you have the right tools and Remix is the right tool. In this workshop, we'll create our own cookie session management utilities that are simple and straightforward to extend and change as our authentication use cases change over time.

  3. 03.Protect pages

    There are some pages you don't want your end users to see if they aren't authenticated. It wouldn't do them any good anyway, so we'll redirect them to the login screen and send them back once they've successfully logged in.

  4. 04.Handle unauthorized requests

    Just because the user is authenticated doesn't mean they're authorized to do what they're trying to do. So we're going to stop them from doing things they're not allowed to do. And we're going to give them an excellent user experience while we're at it.

The topics we will be covering.

This is what we will talk about.

    Protected database access
    Protected routes
Required experience

You should have experience with these JavaScript features and watch my Beginner's Guide to React or have the equivalent experience. Experience with Remix is a bonus, but not a requirement. This workshop will use TypeScript, but should be completable if you do not have experience with TypeScript.

Important Note

Depending on the questions asked during the workshop, or necessary changes in the material, the actual content of the workshop could differ from the above mentioned topics.

What to expect from a Kent C. Dodds workshop

My primary goal is retention. If you can't remember what I've taught you, then the whole experience was a waste of our time.

With that in mind, we'll follow the teaching strategy I've developed over years of teaching (learn more about my teaching strategy here).

The short version is, you'll spend the majority of time working through exercises that are specifically crafted to help you experiment with topics you may have never experienced before. I intentionally put you into the deep end and let you struggle a bit to prepare your brain for the instruction.

Based on both my personal experience and scientific research around how people learn, this is an incredibly efficient way to ensure you understand and remember what you're learning. This is just one of the strategies I employ to improve your retention. I think you'll love it!

I'm excited to be your guide as we learn together!

Don't just take my word for it.

What others have to say is a treasure! It helped me understand how do things work internally, real world practices and top quality code that I still refer to, to this day. The effort, passion that has been dedicated towards this course is immeasurable and it also got me my first internship!

Fares Essayeh profile

Fares Essayeh

Frontend Developer

Even with nearly 2 years of React experience, helped me to refresh and even learn better the basic stuff and apply more advanced patterns to real use cases.

Vasilis Drosatos profile

Vasilis Drosatos

Senior Frontend Developer

Have a look at my other workshops.

Learn more in these workshops.