Learn
Learn
Learn web development from expert teachers. Build real projects, join our community, and accelerate your career
Get Started
Fullstack Rust Fullstack Node.js Fullstack D3 Fullstack React Fullstack React with TypeScript more →
The newline Guide to Building Your First GraphQL Server with Node and TypeScript
In this course, we'll show you how to create your first GraphQL server with Node.js and TypeScript
Enroll for free
Teach
Teach
Share your knowledge with others, earn money, and help people with their career
Apply Now
Apply To Teach A Course What Our Teachers Say
Amelia Wattenberger
Author of Fullstack D3
"Writing Fullstack D3 was a thoroughly enjoyable, fun process.

The writing was over before I knew it, and we've sold way more copies than I expected! Plus, the compliments from my peers have been really amazing."
Community
Community
Get help with programming projects, find collaborators, and make friends
Join Now
Join our Discord Server What Our Students Say
Tutorials

This video is available to students only

How to Define React TypeScript Props

In this lesson, we'll introduce and type define Props to our recently created Listings function component.

This page is a preview of TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

Previous Lesson:

How to Build Your First React Function

Next Lesson:

An Intro to React Functional Components With TypeScript

New
3:211

Start a new discussion. All notification go to the author.

Learn

The newline Guide to Building Your First GraphQL Server with Node and TypeScript

Teach

Amelia Wattenberger

Author of Fullstack D3

Community

TinyHouse: A Fullstack React Masterclass with TypeScript and GraphQL

Module 1: Introduction

Introduction:

Start Here

Introduction: (2:39)

Build React Apps With GraphQL, MongoDB, and TypeScript

Introduction: (28:36)

Syllabus

Introduction: (10:46)

How To Go Through The Course

Introduction: (2:53)

How to Setup a VS Code React Developer Environment

Introduction: (3:08)

Part One Welcome

Module 2: Getting Started With Our Server

Introduction: (1:03)

Module 1 Introduction

Lesson 1: (5:05)

What is Node? Intro to Node File System with JavaScript fs

Lesson 2: (2:58)

How to Run Node.js With JavaScript Code

Lesson 3: (8:07)

How to Build a Minimal Express.js Server With Node

Lesson 4: (3:49)

How to Use Nodemon to Auto Reload Node.js

Lesson 5: (5:37)

What is TypeScript? TypeScript vs JavaScript for Development

Lesson 6: (16:10)

How to Add TypeScript to a Node.JS Server With ts-node

Lesson 7: (3:05)

How to Compile TypeScript Code With tsc

Lesson 8: (13:17)

Automatically Check TypeScript Code for Errors With ESLint

Lesson 9: (7:03)

Build a Mock Array of Data Objects for TypeScript

Lesson 10: (10:45)

How to Build GET and POST Routes With Express Router

Lesson 11: (4:03)

Module 1 Summary

Module 3: Comparing APIs

Introduction: (0:42)

Module 2 Introduction

Lesson 1: (5:40)

What is GraphQL?

Lesson 2: (9:47)

GraphQL vs REST APIs - A Comparison With GitHub's APIs

Lesson 3: (11:22)

A Guide to GraphQL Schema and Data Types

Module 4: Using Apollo Server

Introduction: (1:00)

Module 3 Introduction

Lesson 1: (2:05)

How to Add Apollo Server for a GraphQL API in a Node.js App

Lesson 2: (9:28)

Build a GraphQL Schema And Test it in GraphQL Playground

Lesson 3: (11:33)

How to Query GraphQL Data And Mutate Data

Lesson 4: (10:51)

How to Use GraphQL Schema Language

Lesson 5: (2:06)

Module 3 Summary

Module 5: Storing Data

Introduction: (0:54)

Module 4 Introduction

Lesson 1: (3:44)

SQL vs NoSQL - An Intro to MongoDB

Lesson 2: (6:51)

How to Create a MongoDB Cluster in MongoDB Atlas

Lesson 3: (11:18)

How to Connect Node.js to a MongoDB Database

Lesson 4: (12:33)

How Add TypeScript Types to a MongoDB Database

Lesson 5: (8:01)

Use Environment Variables With Node.js and MongoDB