1. Why Learn React | developedbyed | Creative Programming and Design

Autoplay
Autocomplete

Previous Lesson Complete and Continue

The Creative React and Redux Course

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)

Teach online with

1. Why Learn React

Complete and Continue

Discussion

9 comments