CF

The Creative React and Redux Course

18h 13m 6s
English
Paid

The Creative React and Redux Course is a 115-lesson 18 hours 13 minutes self-paced course by Dev Ed. Embark on an exciting journey with "The Creative React and Redux Course," a comprehensive guide designed to equip you with all the necessary skills in React.

Course facts

Lessons
115
Duration
18 hours 13 minutes
Level
All levels
Language
English
Updated
Instructor
Dev Ed
Price
Premium

Embark on an exciting journey with "The Creative React and Redux Course," a comprehensive guide designed to equip you with all the necessary skills in React. Whether you're a complete beginner or looking to enhance your knowledge, this course offers a step-by-step approach from fundamental concepts to building advanced web applications using Redux.

Course Highlights

Throughout this course, you will dive into various essential topics, including:

  • React: Understand the core principles and building blocks of React to create dynamic and interactive UIs.
  • React Router: Learn how to implement robust and seamless navigation in your web applications.
  • Styled Components: Discover how to style your components in a modular and reusable way.
  • Framer Motion: Add engaging animations to your applications for a better user experience.
  • Intersection Observer: Utilize this API to efficiently manage DOM visibility and perform actions based on element appearance.
  • Complex React Topics: Explore advanced concepts and techniques to optimize your React applications.
  • Redux: Manage your application's state with Redux, ensuring predictability and maintainability.
  • Thunk: Enhance your Redux workflow by integrating asynchronous logic with Thunks.
  • ...and much more! Expand your toolkit with diverse strategies and the latest industry practices.

Additional

https://github.com/developedbyed/music-player-react

https://github.com/developedbyed/the-creative-react-course-capture

https://github.com/developedbyed/the-creative-react-course-ignite

Who teaches The Creative React and Redux Course? Dev Ed

Dev Ed thumbnail

Dev Ed (developedbyed.com) is the personal teaching platform of Edwin Diaz, the creator of the popular DevEd YouTube channel. He is best known for short, high-energy front-end and JavaScript tutorials with a strong creative / animation slant — the videos sit at the intersection of practical web development and the visual side of CSS, Canvas, and WebGL.

His CourseFlix listing follows the same pattern: The Ultimate JavaScript Animation Course, The Creative React and Redux Course, The Creative Javascript Course, and Ultimate Next.js Course 2024 Edition. Material is paid, aimed at intermediate front-end developers who want to push beyond standard CRUD interfaces into the more visual / animated end of the web.

What lessons are included in The Creative React and Redux Course?

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

What courses are similar to The Creative React and Redux Course?

  • Modern React with Redux [2023 Update] thumbnailUpdated 2y ago

    Modern React with Redux [2023 Update]

    By: 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
    37h 44m5/5
  • Redux thumbnailUpdated 2y ago

    Redux

    By: UI.dev (Tyler McGinnis)
    There's no better strategy for learning a new technology than building your own version of it. In this course, we'll take that to the extreme.
    7h 13m
  • Master Spring Boot 3 & Spring Framework 6 with Java thumbnailClassic

    Master Spring Boot 3 & Spring Framework 6 with Java

    By: Udemy
    This is THE COURSE you need to learn everything you need to know about building real world Java applications and deploying them to the cloud using Spring and.
    37h 34m5/5

Frequently asked questions

What are the prerequisites for enrolling in this course?
This course is designed to accommodate both complete beginners and those looking to enhance their React skills. The course starts with fundamental concepts such as 'Const and Let', 'Arrow Functions', and 'Deconstruct', making it accessible even to those with minimal programming experience. Familiarity with basic JavaScript is helpful but not required as the course covers essential JavaScript concepts before diving into React-specific topics.
What kind of projects will I build during the course?
Throughout the course, you will work on building advanced web applications. One highlight project is a Music Player application, where you will learn about component creation, state management, and UI styling. Additionally, you will work on a Capture Project that includes sections like 'About Us', 'Services', and 'FAQ', allowing you to practice real-world application development with React and Redux.
Who is the target audience for this course?
The target audience for this course includes both beginners and experienced developers who are interested in learning React and Redux. It is suitable for those who want to create dynamic and interactive UIs for web applications, as well as those looking to manage application state with Redux. The course covers a wide range of topics, making it ideal for anyone looking to expand their frontend development skills.
How does this course compare in depth and scope to other React courses?
This course offers a comprehensive journey from foundational concepts to advanced React and Redux topics. With 115 lessons, it covers a wide breadth of topics such as React Router, Styled Components, Framer Motion, and Intersection Observer. The inclusion of complex React topics and Redux with Thunk integration sets it apart from many beginner-focused courses, providing a deeper understanding of both basic and advanced features.
What specific tools and platforms will I learn to use in this course?
In this course, you will become proficient in using several tools and platforms essential for React development. You will learn to set up and navigate React in VS Code, manage application state using Redux, and implement asynchronous logic with Thunk. Additionally, you'll explore styling with Styled Components and add animations using Framer Motion, enhancing the functionality and aesthetics of your applications.
What topics are not covered in this course?
The course does not cover backend development or server-side technologies, focusing solely on frontend development with React and Redux. It also does not delve into testing frameworks or advanced performance optimization techniques, as its primary aim is to equip learners with the skills to build dynamic UIs and manage state effectively within React applications.
What is the estimated time commitment for completing this course?
The course consists of 115 lessons, and the time commitment will vary depending on your prior experience and learning pace. While the course does not specify a total runtime, students should anticipate dedicating several weeks to complete the lessons, projects, and exercises thoroughly. Regular practice and engagement with the material are recommended to fully grasp and apply the concepts taught.