The Creative React and Redux Course
18h 13m 6s
English
Paid
Course description
This course will teach you everything you need to know about React. Get started now with 0 experience in React, we will take it step by step from the beginning, understanding basics concepts to creating complex web apps with Redux.
Read more about the course
We will learn:
- React
- React Router
- Styled Components
- Framer Motion
- Intersection Observer
- Complex React Topics
- Redux
- Thunk
- and more!
Watch Online
0:00
/ #1: 0. Lets Go
All Course Lessons (115)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | 0. Lets Go Demo | 00:55 | |
| 2 | 1. Const and Let | 06:52 | |
| 3 | 2. One Important Thing | 06:07 | |
| 4 | 3. Arrow Functions | 04:57 | |
| 5 | 4. Deconstruct | 02:27 | |
| 6 | 5. Map and Filter | 04:25 | |
| 7 | 6. Let's Move To Actual React | 00:36 | |
| 8 | 1. Why Learn React | 05:25 | |
| 9 | 2. What Does React Code Look Like | 14:18 | |
| 10 | 3. Intro To JSX | 07:37 | |
| 11 | 4. What Are Components | 08:19 | |
| 12 | 5. Moving To VS Code | 02:33 | |
| 13 | 6. Setting Up React | 17:00 | |
| 14 | 7. Class or Classname | 06:50 | |
| 15 | 8. Extensions and Dev Stuff | 12:18 | |
| 16 | 9. Getting Closer | 00:27 | |
| 17 | Magic Lesson 1 | 02:19 | |
| 18 | 1. Structuring React Code | 05:12 | |
| 19 | 2. Props | 20:37 | |
| 20 | 3. Events | 08:45 | |
| 21 | 4. State | 22:04 | |
| 22 | 5. Magic Break | 02:05 | |
| 23 | 6. State Lifting | 13:52 | |
| 24 | 7. Rendering Multiple Components | 12:21 | |
| 25 | 8. UUID | 10:23 | |
| 26 | 9. Styling React Components | 20:14 | |
| 27 | 10. UseEffect | 06:52 | |
| 28 | Magic Lesson 2 | 03:47 | |
| 29 | 1. Music Player Introduction | 02:10 | |
| 30 | 2. Initial Setup | 06:01 | |
| 31 | 3. Creating Our Components | 13:17 | |
| 32 | 4. Initial Styling | 09:24 | |
| 33 | 5. Our App Data | 10:34 | |
| 34 | 6. Adding Our State | 07:49 | |
| 35 | 7. Use Ref | 04:34 | |
| 36 | 8. Play Pause | 05:14 | |
| 37 | 9. Update Time | 10:01 | |
| 38 | 10. Input Slider Update | 06:27 | |
| 39 | 11. Error Fixes | 04:09 | |
| 40 | 12. Pause and Play | 02:38 | |
| 41 | 13. Library UI | 20:30 | |
| 42 | 14. Selecting Songs | 09:14 | |
| 43 | 15. Refactoring | 11:56 | |
| 44 | 16. Active Song | 07:53 | |
| 45 | 17. Library Toggle | 12:14 | |
| 46 | 18. Skip back and Forward | 19:40 | |
| 47 | 19. Active Song Skipping | 04:25 | |
| 48 | 20. Another Day another Bug Fix | 08:01 | |
| 49 | 21. Customizing Our Input | 22:57 | |
| 50 | 22. Auto Skip | 09:01 | |
| 51 | 23. Mobile Styling | 06:31 | |
| 52 | 24. Be Careful With UseEffect | 07:51 | |
| 53 | 25. Input With Diferrent Browsers | 01:59 | |
| 54 | Magic Lesson 3 | 04:43 | |
| 55 | Capture Project | 01:25 | |
| 56 | 0. Github | 05:44 | |
| 57 | 1. Initial Setup | 07:50 | |
| 58 | 2. About Us Section | 07:57 | |
| 59 | 3. Services Section | 08:46 | |
| 60 | 4. Faq Section | 04:05 | |
| 61 | 5. Intro To Styled Components | 19:12 | |
| 62 | 6. Styling Services Section | 11:24 | |
| 63 | 7. Styling Faq Section | 04:56 | |
| 64 | 8. Creating Our Nav | 07:20 | |
| 65 | 9. React Router | 14:55 | |
| 66 | 10. Our Work | 06:17 | |
| 67 | 11. Movie Details | 33:45 | |
| 68 | 12. Framer Motion | 14:22 | |
| 69 | 13. Page Transitions | 15:51 | |
| 70 | 14. About Animation | 08:08 | |
| 71 | 15. Wave Animation | 06:21 | |
| 72 | 16. Our Work Animation | 16:11 | |
| 73 | 17. Reusable Components | 10:34 | |
| 74 | 18. Finishing Faq Animation | 08:37 | |
| 75 | 19. Scroll Animations | 15:59 | |
| 76 | 20. Our Work Scroll | 09:49 | |
| 77 | 21. Contact Animation | 08:46 | |
| 78 | 22. Fixing Weird Quirks | 08:41 | |
| 79 | 23. Mobile Friendly | 17:21 | |
| 80 | 24. Nav Line Animation | 06:23 | |
| 81 | Magic Lesson 4 | 06:58 | |
| 82 | 1. Intro | 02:33 | |
| 83 | 2. Axios | 23:10 | |
| 84 | 3. ENV Files | 04:38 | |
| 85 | 4. Why Redux Is Good | 07:26 | |
| 86 | 5. Quick Example Of Redux | 10:56 | |
| 87 | 6. Full on Redux | 25:26 | |
| 88 | Magic Lesson 5 | 03:25 | |
| 89 | 0. Ignite Introduction | 02:27 | |
| 90 | 1. Initial Setup | 05:50 | |
| 91 | 2. Setting Up Our Api | 16:02 | |
| 92 | 3. Setting Up Redux | 15:06 | |
| 93 | 4. Action Creators,Redux and Thunk | 12:36 | |
| 94 | 5. Fetching Our First Data | 11:49 | |
| 95 | 6. Fetching Other Games | 09:03 | |
| 96 | 7. Refactoring To Home | 03:45 | |
| 97 | 8. Styling Up The Cards | 23:52 | |
| 98 | 9. Global Styles | 09:23 | |
| 99 | 10. Fetch Game Detail | 20:31 | |
| 100 | 11. Adding Game Detail Data | 17:24 | |
| 101 | 12. Game Detail Styling | 07:08 | |
| 102 | 13. React Router | 11:49 | |
| 103 | 14. Awesome Redux Trick | 05:12 | |
| 104 | 15. Toggling Components | 06:45 | |
| 105 | 16. Media Resize | 12:30 | |
| 106 | 17. Component Transition | 13:02 | |
| 107 | 18. Adding Icons | 09:41 | |
| 108 | 19. Rendering Stars | 07:15 | |
| 109 | 20. Adding Our Nav | 08:08 | |
| 110 | 21. Nav Searching | 18:20 | |
| 111 | 22. More Animations | 06:53 | |
| 112 | Magic Lesson 6 | 02:11 | |
| 113 | 1. Class Based Components | 08:06 | |
| 114 | 2. Where To Go From Here | 01:58 | |
| 115 | 3. Thank you | 02:19 |
Unlock unlimited learning
Get instant access to all 114 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
MERN React Node Next.js Multi User SEO Blogging Platform
Sources: udemy
Master the Art of Building Real World SEO Web Applications using MERN (Mongo Express React Node) Stack. Become a true Web Developer with this Ultimate Project b
20 hours 25 minutes 13 seconds
Mastering React With Interview Questions,eStore Project-2024
Sources: udemy
In this comprehensive course, we will go through the prior and newer versions of ReactJS with the primary focus on understanding the latest version(18). The...
16 hours 53 minutes 3 seconds
Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)
Sources: udemy
We will start with integration of a very clean application layout I have prepared for you. We will follow latest practices of React and Next JS, this means we w
13 hours 5 minutes 9 seconds
Complete React Developer in 2023 (w/ Redux, Hooks, GraphQL)
Sources: udemy, zerotomastery.io
Become a Senior React Developer! Build a massive E-commerce app with Redux, Hooks, GraphQL, ContextAPI, Stripe, Firebase.
39 hours 24 minutes 36 seconds
React Query - Essentials (v2)
Sources: Tanner Linsley
In this course, you will learn how to wield React Query as your go-to weapon of choice for defeating and overcoming the challenges and hurdles of server state. You will learn to...
2 hours 54 minutes 5 seconds