The Creative React and Redux Course

18h 13m 6s
English
Paid

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 The Creative React and Redux Course

Join premium to watch
Go to premium
# Title Duration
1 0. Lets Go 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

Similar courses to The Creative React and Redux Course

MobX In Depth With React(Hooks+TypeScript)

MobX In Depth With React(Hooks+TypeScript)udemy

Category: React.js, Other (Tools)
Duration 2 hours 25 minutes 54 seconds
Testing React with Jest and Testing Library

Testing React with Jest and Testing Libraryudemy

Category: React.js
Duration 7 hours 41 minutes 32 seconds
Zero to Full Stack Hero

Zero to Full Stack Heropapareact.com

Category: JavaScript, React.js, Others, CSS, Node.js, GraphQL, Firebase
Duration 101 hours 29 minutes 59 seconds
Build a Realtime App with React Hooks and GraphQL

Build a Realtime App with React Hooks and GraphQLudemy

Category: React.js, MongoDB
Duration 4 hours 32 minutes 39 seconds
Modern React with Redux [2023 Update]

Modern React with Redux [2023 Update]udemyStephen Grider

Category: React.js, Redux
Duration 37 hours 44 minutes 46 seconds
React Data Fetching: Beyond the Basics

React Data Fetching: Beyond the Basicsfullstack.io

Category: React.js
Duration 2 hours 40 minutes 15 seconds
The Official React Query Course - query.gg

The Official React Query Course - query.ggui.dev (ex. Tyler McGinnis)

Category: React.js
Duration 4 hours 17 minutes 17 seconds
Building Applications with React 17 and ASP.NET Core 6

Building Applications with React 17 and ASP.NET Core 6udemy

Category: React.js, C Sharp (C#)
Duration 19 hours 28 minutes 31 seconds