Django & React Session Authentication and CSRF | Part 6 - React Setup

🔥 Subscribe to my YouTube + Turn on Notification Bells!

Hey, Bryan here. I share videos that help web developers up their development skills!

Today I'll be sharing the sixth part for setting up a session based authentication system that I will help you implement using React, Redux, and Django with the Django Rest Framework. I will also be using Bootstrap for the styling in the application.

This is going to be a session based authentication system with some awesome features:
1. You will see how to implement session authentication in a Django & React app.
2. You will learn about what CSRF is and how we protect against it.
3. You will learn how to use a CSRF Token to protect your login and sign up pages.
4. You will learn how to use a CSRF Token to protect your authenticated API requests.
5. You will learn how to attach a profile to your user which you will be able to update.
6. You will learn how to add functionality for deleting a user through the user dashboard.

In this part, I will be setting up the frontend with React, creating a lot of the initial infrastructure, settings up folders and files we need, and also setting up Redux in the application.

To stay up to date with the best web development content, make sure you subscribe to My YouTube channel Today!

[captainwalter]

one of the most concise videos for a full stack dev tutorial. great choice of stack with batteries included django and throws you into some good best practices without watering it down too much. great level of difficulty, enough that it is approachable, but you still have to connect some dots to keep up

[johnanthony]

man i love you
I am hoping this all works by the time I get to the end of this series but this is literally what I was trying to find proper django csrf setup, using bootstrap, postgres, and finally finding a tutorial that shows you how to login and use your logged in data throughout the program

[davisantosr]

Awesome tutorial! ps: Jumbotron's section was hilarious hahaha

[ironheadmedia]

Ah Jumbotron !. Thank you for your service so far....
Another great tutorial :)

[himanshusatwick]

Great video: Unfortunately, when I tried following it step by step, I got the following error
A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.
"const App = () => (
<Router>
<Layout>
<Routes> <-- Added
<Route exact path="/" component={Home} />
<Route exact path="/register" component={Register} />
<Route exact path="/login" component={Login} />
<Route exact path="/dashboard" component={Dashboard} />
</Routes>
</Layout>
</Router>
);"
This works for me.

[mynamex]

King. :) Can you add Private Route and Side Menu to this project.? i love you :)