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

Build a React & Redux App w CircleCI CICD, AWS & Terraform

Build a React & Redux App w CircleCI CICD, AWS & Terraform

Sources: udemy
React is one of the most popular library's for building client apps with HTML, CSS and JavaScript. If you want to establish yourself as a front-end or full-stack developer, you ...
25 hours 45 minutes 21 seconds
Next.js & React with ChatGPT - Development Guide (2023)

Next.js & React with ChatGPT - Development Guide (2023)

Sources: udemy
Throughout the course, you will gain experience developing a Next JS application from the ground up. Additionally, you'll receive instruction on integrating Ope
7 hours 6 minutes 49 seconds
Python/Django + React QR Digital Menu Builder

Python/Django + React QR Digital Menu Builder

Sources: PythonYoga
Made for restaurants, cafes, pubs and hotels. Your customers can order from their table or from their couch at home.
10 hours 49 minutes 22 seconds
React Query (OLD)

React Query (OLD)

Sources: ui.dev (ex. Tyler McGinnis)
Learn React Query with the official React Query course. WANT TO SKIP THE DOCS? There’s an easier way to master React Query. Our linear course is like having...
7 hours 1 minute 30 seconds
React Simplified - Advanced

React Simplified - Advanced

Sources: webdevsimplified.com
Once you become a good React developer, it is time to start diving into advanced React concepts. This course will take you from a junior to a mid-level React d
11 hours 34 minutes 10 seconds