How to add Redux to ANY Next.js app in 15 minutes (For Beginners)
🚨 Join the world’s BEST developer community “Zero to Full Stack Hero”: https://www.papareact.com/course
📩 Want coding problems (with solutions!) delivered to your inbox daily? https://www.papareact.com/dailycodingchallenges
🔴 LOOKING FOR THE CODE? 🛠️
https://links.papareact.com/github
👇🏻FOLLOW ME HERE:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord
Newsletter: https://links.papareact.com/newsletter
💰 WANT TO SUPPORT THE CHANNEL?
Donate here: https://links.papareact.com/donate
Grab some PAPA Merch: https://links.papareact.com/merch
🕐 TIMESTAMPS:
00:00 Introduction
00:19 SkillShare Sponsorship
02:05 Initialising the Next.js App with Typescript
02:54 Adding Redux & Setting up the Store
04:13 Wrapping App in a Redux Provider
05:38 Creating our First Redux Slice
08:48 Importing Counter Slice to the Store
09:29 Starting the App & Debugging with Redux Devtools
10:24 Adding our first Selector with the useSelector Hook
11:50 Adding Buttons to Dispatch Actions with the useDispatch Hook
12:36 Testing our App built with Redux!
13:32 Bonus Tip: How to correctly write a Selector
14:38 Outro
Let’s get it PAPAFAM 🔥.
#reactjs #nextjs #redux