Blog App Project with React.js, Redux Toolkit CRUD Examples

⭐ Become a full-stack web dev with Zero To Mastery Courses:

(00:00) Intro
(00:16) Welcome
(00:29) Prerequisite knowledge
(00:56) Starter Code Overview
(01:41) selectPostById selector
(03:04) SinglePostPage component
(05:06) Install React Router
(07:28) Layout component
(10:43) useParams in SinglePostPage
(11:48) PostsExcerpt component
(12:54) Testing Our Code
(13:40) Adding a Blog Header
(16:18) Adding an Edit Post link
(17:00) EditPostForm component
(21:24) updatePost async thunk
(22:38) builder case for updatePost
(24:46) Dispatching updatePost
(25:13) Routing for EditPostForm
(25:58) Testing updatePost
(27:13) deletePost async thunk
(29:13) builder case for deletePost
(30:14) Dispatching deletePost
(31:59) useNavigate in AddPostForm
(32:43) Testing All CRUD Operations
(34:13) updatePost fix for fake API testing
(36:38) Verifying reaction names
(37:49) Loading API posts data at app load

📚 General Redux Toolkit References:

📚 React Router v6 References:

🔗 ES7 React JS Snippets Extension for VS Code:

🔗 React Dev Tools Extension for Chrome:

📚 General React References:

✅ Follow Me:

Was this tutorial about building a Blog App Project with React and Redux Toolkit helpful? If so, please share. Let me know your thoughts in the comments.

#blog #react #redux

[shwnp]

Dave!! 

Wow! I have never seen such quality content in a free or paid course. This is awesome! I appreciate the time and quality of these courses. Thank you.

[arsyaswanth]

waiting for redux toolkit project for so long. thanks you made it

[competencebooster]

I remember once i asked you for a blog app project in one of your videos. Today i got it. Thank you dave. Today i am asking you for some extra things. If you would show that how to create blog posts with images and videos inside the blog then it would be very helpful for me.

I am trying to create a real world blog for myself but i didn't find anything helpful yet. Maybe i am lacking finding skills or programming skills. It would be great if you create a video where we can see production level blog app. Thank you so much. Following your channel when you had 4k subscriber. Trying to stay with you and learning from you.

[suzanailijic-jelenkovic]

Such an amazing explanation of Redux Toolkit, it's a little difficult because I'm a beginner, but you make it simple, I hope you will continue with these episodes about Redux because it is a very important top. Best regards Dave and best regards from Serbia, you are my favorite YouTuber! :)

[johanmirzaahmedov]

You are a damn good tutor i've ever seen in youtube! thanks a lot making such as great series

[DiaMaBo-zm]

Thank you very much for these great content.

[viditgoel]

finally i have started to understand how redux toolkit works, this was a very helpful tutorial 🤩

[zohraneda]

Thanks a lot for such clear Redux turtorial, which I have ever watched.

[EricAdolphson-ydyn]

Loving the videos. Well explained and good sample code. I have lessons 1-4 working using NextJs and Typescript, and it has helped mw with React, Redux, Redux Toolkit as well as NextJs and Typescript.

The only thing I cannot get to work is at the end of lesson 4, when you navigate to view one post, and then refresh, and the post shows as "Post not found!". I am fetching the posts and users in the root page.tsx, but the State is not being updated to enable the refreshed view post page to see the reloaded posts.

[jrmaiafs]

I just finished this project with typescript. You're awesome. Thank you!

[alseynidiop]

This is awesome. I only see quality, quality and quality. Waw, you are such a genius. Thank you.

[harag]

Great tutorial Dave, many thanks for this, though I had to make quite a few tweaks as created my project with TypeScript, but got it all working the way it should. :)

[TheCreativeRio]

Greate content. love how you explain every part.

[haiderjaafer]

Can use dispatch instead of useEffect at index page when app come first render

[luisbrazilva]

Wow man, you really are underrated. You deserve a lot more attention than 35K

[iageiage]

Why is it that if i pass state to the selector it works but if I don't like code in this project I get a "Cannot read properties of undefined" error? Yet redux tools shows the state values are definitely there. So const rotations = useSelector(state => selectRotations(state)) works but const rotations = doesn't. BTW I love your content... Very well put together and easy to follow. I'll buy you a coffee

[moneyplayboy]

Hey Dave!!
Great work man! Appreciated! one correction in postSlice while fetching all posts, we are doing concat with the existing post which makes duplicate in the list. Please have a look.
Thanks for this awesome tutorial.
Additionally, convert the userId to Number becaue it's not fetching the user infor properly.

[viniciusm.m.]

Obrigado, prof. Dave!
God bless!
Abraço!

[josegrillo]

DAVE....hanks for your videos, I'm learning a lot...



I have a query... when should I use .unwrap() (it is recommended to always use it when using dispatch to force possible errors???)


ESPAÑOL:
Amigo DAVE gracias por tus videos... estoy aprendiendo

Tengo una cuando debo usar .unwrap() (se recomienda usar siempre cuando use el dispatch para forzar posibles errores???)

[RcToysUa]

Hi. make a video about test tasks when applying for a job.