The Creative React and Redux Course

18h 13m 6s
English
Paid

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 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

React with TypeScript

React with TypeScriptui.dev (ex. Tyler McGinnis)

Category: TypeScript, React.js
Duration 2 hours 53 seconds
Full Stack HATEOAS: Spring Boot 2.1, ReactJS, Redux

Full Stack HATEOAS: Spring Boot 2.1, ReactJS, Reduxudemy

Category: React.js, Spring Boot, Redux, Spring, Spring HATEOAS
Duration 5 hours 51 minutes 37 seconds
Learn React Hooks By Building A Real Application

Learn React Hooks By Building A Real Applicationreacttraining (Ryan Florence)

Category: React.js
Duration 7 hours 14 minutes 44 seconds
Node with React: Fullstack Web Development

Node with React: Fullstack Web DevelopmentudemyStephen Grider

Category: React.js, Node.js, MongoDB
Duration 25 hours 36 minutes 19 seconds
My first Remix app

My first Remix appBuild UI

Category: React.js
Duration 5 hours 44 seconds
MERN Stack Front To Back: Full Stack React, Redux & Node.js.

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

Category: React.js, Node.js, MongoDB, Redux
Duration 11 hours 52 minutes 29 seconds
React and NodeJS: A Practical Guide with Typescript

React and NodeJS: A Practical Guide with Typescriptudemy

Category: TypeScript, React.js, Node.js
Duration 6 hours 54 minutes 59 seconds
Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)

Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)udemy

Category: React.js, Next.js
Duration 13 hours 5 minutes 9 seconds