CourseFlix

The Creative React and Redux Course

18h 13m 6s
English
Paid

Embark on an exciting journey with "The Creative React and Redux Course," a comprehensive guide designed to equip you with all the necessary skills in React. Whether you're a complete beginner or looking to enhance your knowledge, this course offers a step-by-step approach from fundamental concepts to building advanced web applications using Redux.

Course Highlights

Throughout this course, you will dive into various essential topics, including:

  • React: Understand the core principles and building blocks of React to create dynamic and interactive UIs.
  • React Router: Learn how to implement robust and seamless navigation in your web applications.
  • Styled Components: Discover how to style your components in a modular and reusable way.
  • Framer Motion: Add engaging animations to your applications for a better user experience.
  • Intersection Observer: Utilize this API to efficiently manage DOM visibility and perform actions based on element appearance.
  • Complex React Topics: Explore advanced concepts and techniques to optimize your React applications.
  • Redux: Manage your application's state with Redux, ensuring predictability and maintainability.
  • Thunk: Enhance your Redux workflow by integrating asynchronous logic with Thunks.
  • ...and much more! Expand your toolkit with diverse strategies and the latest industry practices.

Additional

https://github.com/developedbyed/music-player-react

https://github.com/developedbyed/the-creative-react-course-capture

https://github.com/developedbyed/the-creative-react-course-ignite

About the Author: Dev Ed

Dev Ed thumbnail

Dev Ed (developedbyed.com) is the personal teaching platform of Edwin Diaz, the creator of the popular DevEd YouTube channel. He is best known for short, high-energy front-end and JavaScript tutorials with a strong creative / animation slant — the videos sit at the intersection of practical web development and the visual side of CSS, Canvas, and WebGL.

His CourseFlix listing follows the same pattern: The Ultimate JavaScript Animation Course, The Creative React and Redux Course, The Creative Javascript Course, and Ultimate Next.js Course 2024 Edition. Material is paid, aimed at intermediate front-end developers who want to push beyond standard CRUD interfaces into the more visual / animated end of the web.

Watch Online 115 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 115 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 0. Lets Go
All Course Lessons (115)
#Lesson TitleDurationAccess
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 subscription

Course content

115 lessons · 18h 13m 6s
Show all 115 lessons
  1. 1 0. Lets Go 00:55
  2. 2 1. Const and Let 06:52
  3. 3 2. One Important Thing 06:07
  4. 4 3. Arrow Functions 04:57
  5. 5 4. Deconstruct 02:27
  6. 6 5. Map and Filter 04:25
  7. 7 6. Let's Move To Actual React 00:36
  8. 8 1. Why Learn React 05:25
  9. 9 2. What Does React Code Look Like 14:18
  10. 10 3. Intro To JSX 07:37
  11. 11 4. What Are Components 08:19
  12. 12 5. Moving To VS Code 02:33
  13. 13 6. Setting Up React 17:00
  14. 14 7. Class or Classname 06:50
  15. 15 8. Extensions and Dev Stuff 12:18
  16. 16 9. Getting Closer 00:27
  17. 17 Magic Lesson 1 02:19
  18. 18 1. Structuring React Code 05:12
  19. 19 2. Props 20:37
  20. 20 3. Events 08:45
  21. 21 4. State 22:04
  22. 22 5. Magic Break 02:05
  23. 23 6. State Lifting 13:52
  24. 24 7. Rendering Multiple Components 12:21
  25. 25 8. UUID 10:23
  26. 26 9. Styling React Components 20:14
  27. 27 10. UseEffect 06:52
  28. 28 Magic Lesson 2 03:47
  29. 29 1. Music Player Introduction 02:10
  30. 30 2. Initial Setup 06:01
  31. 31 3. Creating Our Components 13:17
  32. 32 4. Initial Styling 09:24
  33. 33 5. Our App Data 10:34
  34. 34 6. Adding Our State 07:49
  35. 35 7. Use Ref 04:34
  36. 36 8. Play Pause 05:14
  37. 37 9. Update Time 10:01
  38. 38 10. Input Slider Update 06:27
  39. 39 11. Error Fixes 04:09
  40. 40 12. Pause and Play 02:38
  41. 41 13. Library UI 20:30
  42. 42 14. Selecting Songs 09:14
  43. 43 15. Refactoring 11:56
  44. 44 16. Active Song 07:53
  45. 45 17. Library Toggle 12:14
  46. 46 18. Skip back and Forward 19:40
  47. 47 19. Active Song Skipping 04:25
  48. 48 20. Another Day another Bug Fix 08:01
  49. 49 21. Customizing Our Input 22:57
  50. 50 22. Auto Skip 09:01
  51. 51 23. Mobile Styling 06:31
  52. 52 24. Be Careful With UseEffect 07:51
  53. 53 25. Input With Diferrent Browsers 01:59
  54. 54 Magic Lesson 3 04:43
  55. 55 Capture Project 01:25
  56. 56 0. Github 05:44
  57. 57 1. Initial Setup 07:50
  58. 58 2. About Us Section 07:57
  59. 59 3. Services Section 08:46
  60. 60 4. Faq Section 04:05
  61. 61 5. Intro To Styled Components 19:12
  62. 62 6. Styling Services Section 11:24
  63. 63 7. Styling Faq Section 04:56
  64. 64 8. Creating Our Nav 07:20
  65. 65 9. React Router 14:55
  66. 66 10. Our Work 06:17
  67. 67 11. Movie Details 33:45
  68. 68 12. Framer Motion 14:22
  69. 69 13. Page Transitions 15:51
  70. 70 14. About Animation 08:08
  71. 71 15. Wave Animation 06:21
  72. 72 16. Our Work Animation 16:11
  73. 73 17. Reusable Components 10:34
  74. 74 18. Finishing Faq Animation 08:37
  75. 75 19. Scroll Animations 15:59
  76. 76 20. Our Work Scroll 09:49
  77. 77 21. Contact Animation 08:46
  78. 78 22. Fixing Weird Quirks 08:41
  79. 79 23. Mobile Friendly 17:21
  80. 80 24. Nav Line Animation 06:23
  81. 81 Magic Lesson 4 06:58
  82. 82 1. Intro 02:33
  83. 83 2. Axios 23:10
  84. 84 3. ENV Files 04:38
  85. 85 4. Why Redux Is Good 07:26
  86. 86 5. Quick Example Of Redux 10:56
  87. 87 6. Full on Redux 25:26
  88. 88 Magic Lesson 5 03:25
  89. 89 0. Ignite Introduction 02:27
  90. 90 1. Initial Setup 05:50
  91. 91 2. Setting Up Our Api 16:02
  92. 92 3. Setting Up Redux 15:06
  93. 93 4. Action Creators,Redux and Thunk 12:36
  94. 94 5. Fetching Our First Data 11:49
  95. 95 6. Fetching Other Games 09:03
  96. 96 7. Refactoring To Home 03:45
  97. 97 8. Styling Up The Cards 23:52
  98. 98 9. Global Styles 09:23
  99. 99 10. Fetch Game Detail 20:31
  100. 100 11. Adding Game Detail Data 17:24
  101. 101 12. Game Detail Styling 07:08
  102. 102 13. React Router 11:49
  103. 103 14. Awesome Redux Trick 05:12
  104. 104 15. Toggling Components 06:45
  105. 105 16. Media Resize 12:30
  106. 106 17. Component Transition 13:02
  107. 107 18. Adding Icons 09:41
  108. 108 19. Rendering Stars 07:15
  109. 109 20. Adding Our Nav 08:08
  110. 110 21. Nav Searching 18:20
  111. 111 22. More Animations 06:53
  112. 112 Magic Lesson 6 02:11
  113. 113 1. Class Based Components 08:06
  114. 114 2. Where To Go From Here 01:58
  115. 115 3. Thank you 02:19

Related courses

  • React Query (OLD) thumbnail

    React Query (OLD)

    By: UI.dev (Tyler McGinnis)
    Master React Query with our comprehensive and official React Query course. Skip the extensive documentation and dive into a streamlined learning experience.
    7 hours 1 minute 30 seconds
  • Node with React: Fullstack Web Development thumbnail

    Node with React: Fullstack Web Development

    By: Udemy, Stephen Grider
    Go beyond the basics of React and Redux! This course will teach you to combine the ultra-popular React, Redux, Express, and MongoDB technologies to build a full
    25 hours 36 minutes 19 seconds
  • React and Django: A Practical Guide with Docker thumbnail

    React and Django: A Practical Guide with Docker

    By: Udemy
    Learn how to create an Admin App using React and Django Rest Framework. Django 3.1, React Typescript, Redux, Docker, Authentication and Authorisation, Upload Im
    6 hours 50 minutes 20 seconds

Frequently asked questions

What is The Creative React and Redux Course about?
Embark on an exciting journey with "The Creative React and Redux Course," a comprehensive guide designed to equip you with all the necessary skills in React. Whether you're a complete beginner or looking to enhance your knowledge, this…
Who teaches The Creative React and Redux Course?
The Creative React and Redux Course is taught by Dev Ed. You can find more courses by this instructor on the corresponding source page.
How long is The Creative React and Redux Course?
The Creative React and Redux Course contains 115 lessons with a total runtime of 18 hours 13 minutes. All lessons are available to watch online at your own pace.
Is The Creative React and Redux Course free to watch?
The Creative React and Redux Course is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch The Creative React and Redux Course online?
The Creative React and Redux Course is available to watch online on CourseFlix at https://courseflix.net/course/the-creative-react-and-redux-course. The page hosts every lesson with the integrated video player; no download is required.