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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

React, NextJS and NestJS: A Rapid Guide - Advanced

React, NextJS and NestJS: A Rapid Guide - Advanced

Sources: udemy
React with Typescript, Next.js, Redux, NestJS, Docker, Redis, Stripe, Frontend & Backend Filtering. Learn how to create an Ambassador App using React, NextJS an
8 hours 40 minutes 51 seconds
MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs

MERN Stack React, Socket io, Next.js Express,MongoDb, Nodejs

Sources: udemy
If you are a person who is not picky about a CSS framework and wants to learn how to create enterprise-grade, practical full stack app using new technologies, then this course i...
13 hours 2 minutes 12 seconds
Modern React with Redux [2023 Update]

Modern React with Redux [2023 Update]

Sources: udemy, Stephen Grider
Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux! Thousands of other engineers
37 hours 44 minutes 46 seconds
React and NestJS: A Practical Guide with Docker

React and NestJS: A Practical Guide with Docker

Sources: udemy
I'm a FullStack Developer with 10+ years of experience. I'm obsessed with clean code and I try my best that my courses have the cleanest code possible. My teaching style is very...
6 hours 54 minutes 20 seconds
React & TypeScript Chrome Extension Development [2021]

React & TypeScript Chrome Extension Development [2021]

Sources: udemy
Hi! Welcome to the comprehensive Chrome Extension Development course using modern web frameworks in 2021. This is the only course on Udemy that is focused on bu
8 hours 52 minutes 35 seconds