The Creative React and Redux Course

18h 13m 6s
English
Paid
November 20, 2023

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.

More

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

Full Stack HATEOAS: Spring Boot 2.1, ReactJS, Redux

Full Stack HATEOAS: Spring Boot 2.1, ReactJS, Reduxudemy

Duration 5 hours 51 minutes 37 seconds
React Summit Remote Edition 2021

React Summit Remote Edition 2021reactsummit.com

Duration 16 hours 1 minute 10 seconds
Add React Storybook to a Project

Add React Storybook to a Projectegghead

Duration 3 minutes 36 seconds
Build Web Apps with React & Firebase

Build Web Apps with React & Firebaseudemy

Duration 23 hours 34 minutes 47 seconds
Master Custom React Hooks with TypeScript

Master Custom React Hooks with TypeScriptfullstack.io

Duration 2 hours 21 minutes 3 seconds
FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT

FULL Authentication WITH REACT JS NEXT JS TYPESCRIPTudemy

Duration 6 hours 52 minutes 28 seconds