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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Working with React and Go (Golang)

Working with React and Go (Golang)

Sources: udemy
React and Go are something of a match made in heaven. React is the world's most popular JavaScript library for building Single Page Applications, and Go is uniquely well-suited ...
24 hours 48 minutes 43 seconds
The Ultimate React Course 2024: React, Redux & More

The Ultimate React Course 2024: React, Redux & More

Sources: udemy
In 2024, React is still the #1 skill to learn if you want to become a successful front-end developer! But it can be hard. There are so many moving parts, so ma
83 hours 56 minutes 37 seconds
React and Laravel: Breaking a Monolith to Microservices

React and Laravel: Breaking a Monolith to Microservices

Sources: udemy
Microservices Architecture, React, Next.js, Laravel, Docker, RabbitMQ, Event Driven Microservices, Internal APIs, Redis. Learn how to create a Monolith using React and Laravel t...
15 hours 7 minutes 45 seconds
Advanced React For Enterprise: React for senior engineers

Advanced React For Enterprise: React for senior engineers

Sources: udemy
Welcome to the React for Senior engineers course !! Knowledge of React is 100% required for this course. I've been working with React.js for over 5 years now,
6 hours 4 minutes 5 seconds
PHP Symfony 4 API Platform + React.js Full Stack Masterclass

PHP Symfony 4 API Platform + React.js Full Stack Masterclass

Sources: udemy
Have you ever wanted to advance your PHP skills to the next level? Maybe you have some prior PHP experience but you never had a change to work with a framework?
19 hours 24 minutes 17 seconds