Welcome to

TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

Example Code Download

You can download the complete example code by clicking here

Introduction

5 lessons 48m total

TinyHouse Welcome

INTRODUCTION

2:39 minutes

Syllabus

INTRODUCTION

28:36 minutes

How To Go Through The Course

INTRODUCTION

10:46 minutes

Environment Setup

INTRODUCTION

2:53 minutes

Part One Welcome

INTRODUCTION

3:08 minutes

Getting Started With Our Server

12 lessons1h 21m total

Module 1 Introduction

INTRODUCTION

1:03 minutes

What is Node?

LESSON

5:05 minutes

Running JavaScript with Node

LESSON

2:58 minutes

Creating a minimal Node:Express Server

LESSON

8:07 minutes

Automatic Reloading Using Nodemon

LESSON

3:49 minutes

Introducing TypeScript

LESSON

5:37 minutes

Adding TypeScript to our Server

LESSON

16:10 minutes

Compiling our TypeScript project

LESSON

3:05 minutes

Linting with ESLint

LESSON

13:17 minutes

Introducing mock listings

LESSON

7:03 minutes

Creating GET and POST Express routes

LESSON

10:45 minutes

Module 1 Summary

LESSON

4:03 minutes

Comparing APIs

4 lessons 27m total

Module 2 Introduction

INTRODUCTION

0:42 minutes

What is GraphQL?

LESSON

5:40 minutes

Comparing Github's REST and GraphQL APIs

LESSON

9:47 minutes

GraphQL Concepts

LESSON

11:22 minutes

Using Apollo Server

6 lessons 37m total

Storing Data

10 lessons1h 16m total

Getting Started with React

4 lessons 28m total

Module 5 Introduction

INTRODUCTION

0:46 minutes

React

LESSON

6:58 minutes

Create React App

LESSON

4:21 minutes

Create React App - The Rundown

LESSON

15:57 minutes

Building out Listings

8 lessons 44m total

Module 6 Introduction

INTRODUCTION

0:45 minutes

The Listings Component

LESSON

3:46 minutes

Props & TypeScript

LESSON

3:26 minutes

Functional Components & TypeScript

LESSON

6:47 minutes

Querying Listings

LESSON

14:16 minutes

Abstracting the type of data from server fetch

LESSON

4:53 minutes

Deleting a listing

LESSON

8:42 minutes

Module 6 Summary

LESSON

2:04 minutes

GraphQL and Hooks

10 lessons1h 31m total

Module 7 Introduction

INTRODUCTION

1:22 minutes

React Hooks

LESSON

7:59 minutes

The useState Hook

LESSON

7:49 minutes

The useEffect Hook

LESSON

11:45 minutes

Custom useQuery Hook

LESSON

8:51 minutes

Custom useQuery and refetch

LESSON

6:57 minutes

Custom useQuery and loading/error states

LESSON

11:53 minutes

Custom useMutation Hook

LESSON

16:21 minutes

The useReducer Hook

LESSON

13:25 minutes

Module 7 Summary

LESSON

5:07 minutes

Introducing React Apollo

5 lessons 22m total

Module 8 Introduction

INTRODUCTION

0:54 minutes

Creating our Apollo Client

LESSON

4:21 minutes

React Apollo Hooks

LESSON

4:08 minutes

Autogenerated types with Apollo CLI

LESSON

10:24 minutes

Module 8 Summary

LESSON

2:38 minutes

Styling with Ant Design

3 lessons 25m total

Module 9 Introduction

INTRODUCTION

0:26 minutes

UI Frameworks and Ant Design

LESSON

4:34 minutes

Styling with Ant Design

LESSON

20:30 minutes

Part One Conclusion

1 lesson 32s total

Part One Conclusion

INTRODUCTION

0:32 minutes