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

Watch Online The Creative React and Redux Course

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

Node with React: Fullstack Web Development

Node with React: Fullstack Web Development

Sources: udemy, Stephen Grider
Go beyond the basics of React and Redux! This course will teach you to combine the ultra-popular React, Redux, Express, and MongoDB technologies to build a fullstack web applic...
25 hours 36 minutes 19 seconds
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
MERN Stack Front To Back: Full Stack React, Redux & Node.js.

MERN Stack Front To Back: Full Stack React, Redux & Node.js.

Sources: udemy, Brad Traversy
Welcome to "MERN Stack Front To Back". In this course we will build an in depth full stack social network application using Node.js, Express, React, Redux and MongoDB along with...
11 hours 52 minutes 29 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
Complete guide to building an app with .Net Core and React

Complete guide to building an app with .Net Core and React

Sources: udemy
Have you learnt the basics of ASP.NET Core and React? Not sure where to go next? This course should be able to help with that. In this course we learn how to build a multi-proje...
32 hours 10 minutes 45 seconds