Channel: Traversy Media

Category: Science & Technology

Tags: reduxmern stackmernmern deployreact herokuredux toolkitreactmern deploymentreact deploymentreact rudux

Description: In this video, we will add the goals functionality and add goals to our Redux state. 💻 Code: github.com/bradtraversy/mern-tutorial 👇 Full React 2022 Course With $12.99 promo: udemy.com/course/react-front-to-back-2022/?couponCode=REACTF2BFEB2022 👇 Website & Courses: traversymedia.com 💖 Show Support Patreon: patreon.com/traversymedia PayPal: paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: twitter.com/traversymedia Instagram: instagram.com/traversymedia Linkedin: linkedin.com/in/bradtraversy Timestamps 0:00 - Intro & Small Backend Fix 2:55 - Restrict the Dashboard 5:25 - Goals Slice in Redux 10:11 - Dashboard & Goal Form 16:39 - Create Goal Async Thunk 22:22 - Create Goal Extra Reducer 26:33 - Fetch Goals From Server 34:14 - Display Goals 37:00 -- Delete Goals 45:00 - Prepare for Deployment 51:40 - Heroku Setup 53:35 - Env Variables in Production 54:35 - Heroku Postbuild Script 55:43 - Push To Heroku