#0.0 Introduction | Nomad Coders

Autoplay
Autocomplete

Toggle Sidebar Previous Lesson Complete and Continue

ReactJS Masterclass

#0 Introduction

#0.0 Introduction (1:52)
#0.1 What are we building (2:53)

# 1 Fundamentals

#1.0 Introduction (1:35)
#1.1 Arrow Functions (7:41)
#1.2 Template Literals (2:14)
#1.3 Object Destructuring (7:36)
#1.4 Spread Operator (6:44)
#1.5 Classes (5:37)
#1.6 Array.map (7:24)
#1.7 Array.filter (6:49)
#1.8 .forEach .includes .push (6:14)

#2 Project Setup

#2.0 Setting Up the Project (4:33)
#2.1 React Router Part One (9:43)
#2.2 React Router part Two (9:52)

#3 Styles

#3.0 CSS in React part One (5:31)
#3.1 CSS in React part Two (5:08)
#3.2 CSS in React part Three (6:13)
#3.3 GlobalStyles and Header (9:00)
#3.4 Location Aware Header (7:46)

#4 Networking

#4.0 Introduction to The Movie DB API (3:27)
#4.1 Sexy Networking with Axios Instances (8:20)
#4.2 API Verbs part One (5:09)
#4.3 API Verbs part Two (9:21)

#5 Containers

#5.0 Container Presenter Pattern part One (7:47)
#5.1 Container Presenter Pattern part Two (9:33)
#5.2 Home Container (11:33)
#5.3 TV Container (6:26)
#5.4 Search Container (10:45)
#5.5 Detail Container part One (8:17)
#5.6 Detail Container part Two (13:21)
#5.7 Destructuring assignment with let (2:33)

#6 Presenters

#6.0 Presenter Structure (7:04)
#6.1 HomePresenter and Section Components (10:56)
#6.2 TVPresenter and Loader Components (9:07)
#6.3 SearchPresenter Component (12:32)
#6.4 Message Component (11:07)
#6.5 Poster Component part One (8:55)
#6.6 Rendering Poster Component (8:10)
#6.7 Poster Component part Two (15:34)
#6.8 Detail Container part One (13:04)
#6.9 Detail Container part Two (15:09)
#6.10 React Helmet (7:54)
#6.11 Code Challenges (8:22)

#7 Deployment

#7.0 Deploy to Github Pages (6:32)
#7.1 Deploying to Netlify (10:50)

Bonus #1 Typescript with React

#8.0 Introduction (1:15)
#8.1 Introduction to Typescript (4:07)
#8.2 Introduction to Typescript part Two (9:20)
#8.3 Typescript and React Introduction (11:38)
#8.4 React State and Typescript (5:59)
#8.5 React Props and Typescript (4:44)
#8.6 React Events and Typescript (10:59)
#8.7 Styled Components and Typescript (3:32)
#8.8 Styled Components and Typescript part Two (3:12)
#8.9 Conclusions (0:50)

Bonus #2 React Hooks

#9.0 Introduction (1:58)
#9.1 Context and State Management (8:59)
#9.2 useContext in Action (12:33)
#9.3 Recap and Improvements (7:06)
#9.4 Building Hypertranslate part One (10:13)
#9.5 Building Hypertranslate part Two (5:40)
#9.6 Understanding useReducer (8:55)
#9.7 Reducer Recap (6:59)
#9.8 Adding To Dos (8:27)
#9.9 Deleting To Dos (7:37)
#9.10 Completing To Dos (9:23)
#9.11 Uncompleting To Dos (4:33)
#9.12 Refactoring with Context (9:28)
#9.13 Refactoring with Context part Two (10:35)
#9.14 Conclusions (1:28)

#0.0 Introduction

🚨 한글 자막 ON! 🚨

Discussion

5 comments