DevelopedByEd – The Creative React and Redux Course 2020-11

Description

The Creative React and Redux Course is the name of a course that teaches you everything you need to know about React. Get started now without any prior experience using React, and we'll take you step-by-step through the basics, understanding the basics, and building complex web applications using Redux.

What you will learn in The Creative React and Redux Course

React

React Router

Styled Components

Framer Motion

Intersection Observer

Complex React Topics

Redux

Thunk

Course information

Publisher: DevelopedByEd Instructor: Dev Ed English language Level of training: basic to advanced Number of courses: 115 Duration: 18 hours and 12 minutes

Topics

Chapter 0 – Javascript Refresher

0. Lets Go (0:54) 1. Const and Let (6:51) 2. One Important Thing (6:06) 3. Arrow Functions (4:56) 4. Deconstruct (2:26) 5. Map and Filter (4:24) 6. Let’s Move To Actual React (0:35) Chapter 1 – The Basics 1. Why Learn React (5:24) 2. What Does React Code Look Like (14:17) 3. Intro To JSX (7:36) 4. What Are Components (8:18) 5. Moving To VS Code (2:32) 6. Setting Up React (16:59) 7. Class or Classname (6:49) 8. Extensions and Dev Stuff (12:17) 9. Getting Closer (0:26) Magic Lesson 1 (2:18)

Chapter 2 – Core Concepts

1. Structuring React Code (5:11) 2. Props (20:36) 3. Events (8:43) 4. State (22:03) 5. Magic Break (2:04) 6. State Lifting (13:51) 7. Rendering Multiple Components (12:20) 8. UUID (10:22) 9. Styling React Components (20:13) 10. UseEffect (6:51) Magic Lesson 2 (3:46)

Chapter 3 – Waves Music App

Music Player Code Download 1. Music Player Introduction (2:09) 2. Initial Setup (6:00) 3. Creating Our Components (13:16) 4. Initial Styling (9:23) 5. Our App Data (10:33) 6. Adding Our State (7:48) 7. Use Ref (4:33) 8. Play Pause (5:13) 9. Update Time (10:00) 10. Input Slider Update (6:26) 11. Error Fixes (4:08) 12. Pause and Play (2:37) 13. Library UI (20:29) 14. Selecting Songs (9:13) 15. Refactoring (11:54) 16. Active Song (7:52) 17. Library Toggle (12:13) 18. Skip back and Forward (19:39) 19. Active Song Skipping (4:24) 20. Another Day another Bug Fix (8:00) 21. Customizing Our Input (22:56) 22. Auto Skip (9:00) 23. Mobile Styling (6:30) 24. Be Careful With UseEffect (7:50) 25. Input With Diferrent Browsers (1:58) Magic Lesson 3 (4:42)

Chapter 4 – Capture Portofolio

Download Full Capture Code Capture Project (1:24) 0. Github (5:42) 1. Initial Setup (7:49) 2. About Us Section (7:56) 3. Services Section (8:45) 4. Faq Section (4:04) 5. Intro To Styled Components (19:11) 6. Styling Services Section (11:23) 7. Styling Faq Section (4:55) 8. Creating Our Nav (7:19) 9. React Router (14:54) 10. Our Work (6:16) 11. Movie Details (33:44) 12. Framer Motion (14:21) 13. Page Transitions (15:50) 14. About Animation (8:07) 15. Wave Animation (6:20) 16. Our Work Animation (16:10) 17. Reusable Components (10:33) 18. Finishing Faq Animation (8:36) 19. Scroll Animations (15:58) 20. Our Work Scroll (9:48) 21. Contact Animation (8:45) 22. Fixing Weird Quirks (8:40) 23. Mobile Friendly (17:20) 24. Nav Line Animation (6:22) Magic Lesson 4 (6:57)

Chapter 5 – Async and Redux

1. Intro (2:32) 2. Axios (23:09) 3. ENV Files (4:37) 4. Why Redux Is Good (7:25) 5. Quick Example Of Redux (10:55) 6. Full on Redux (25:25) Magic Lesson 5 (3:24)

Chapter 6 – Ignite

Ignite Code Download 0. Ignite Introduction (2:26) 1. Initial Setup (5:49) 2. Setting Up Our Api (16:01) 3. Setting Up Redux (15:05) 4. Action Creators,Redux and Thunk (12:35) 5. Fetching Our First Data (11:48) 6. Fetching Other Games (9:01) 7. Refactoring To Home (3:44) 8. Styling Up The Cards (23:51) 9. Global Styles (9:22) 10. Fetch Game Detail (20:29) 11. Adding Game Detail Data (17:23) 12. Game Detail Styling (7:07) 13. React Router (11:48) 14. Awesome Redux Trick (5:11) 15. Toggling Components (6:44) 16. Media Resize (12:29) 17. Component Transition (13:01) 18. Adding Icons (9:40) 19. Rendering Stars (7:14) 20. Adding Our Nav (8:07) 21. Nav Searching (18:19) 22. More Animations (6:52) Magic Lesson 6 (2:10)

Chapter 7 – Finish

1. Class Based Components (8:05) 2. Where To Go From Here (1:57) 3. Thank you (2:18)

Installation

After Extract, watch with your favorite Player.

Subtitle: None

Quality: 768