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

Refactoring the Frontend

In this lesson, we're going to refactor our frontend

This page is a preview of The newline Guide to Fullstack ASP.NET Core and React

Previous Lesson:

Fixing Some Warnings

Next Lesson:

Adding Categories Bar

New
-:--2

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

The newline Guide to Fullstack ASP.NET Core and React

Module 1: Introduction

Introduction:

Start Here

Introduction: (5:36)

Introduction

Lesson 1: (3:35)

Technologies Used in this Course

Lesson 2: (4:12)

Setting up the Environment

Lesson 3: (3:24)

Setting up VS Code

Module 2: Preparing Our Server

Lesson 1: (8:03)

Creating WebAPI Project using DOTNET CLI

Lesson 2: (9:59)

Reviewing the Project Files

Lesson 3: (4:51)

Reviewing the API Controllers

Lesson 4: (1:09)

Exploring Postman

Lesson 5: (3:46)

Adding Course Model to our Project

Lesson 6: (4:01)

What is Entity Framework?

Lesson 7: (8:14)

Adding Entity Framework

Lesson 8: (5:58)

Adding our First Migration

Lesson 9: (7:07)

Creating a Database

Lesson 10: (8:00)

Seeding Data in our Database

Lesson 11: (7:42)

Adding our First Controller

Lesson 12: (2:08)

Module 1 Summary

Module 3: Setting up our client

Lesson 1: (4:49)

Setting up the React Project

Lesson 2: (9:18)

Reviewing our React Project

Lesson 3: (5:23)

React Concepts

Lesson 4: (6:28)

Why TypeScript?

Lesson 5: (12:21)

Fetching Data

Lesson 6: (6:49)

Installing SASS to our Project

Lesson 7: (3:23)

Installing React Router

Lesson 8: (5:11)

Adding Routes and Refactoring

Lesson 9: (3:55)

Installing Ant Design

Lesson 10: (4:23)

Adding Base Styles

Lesson 11: (13:10)

Creating Navbar

Lesson 12: (6:45)

Adding Side-drawer to our Navbar

Lesson 13: (6:04)

Setting up Axios

Lesson 14: (4:18)

Giving Types to Axios

Lesson 15: (15:02)

Making Course Component

Module 4: Using Repository pattern

Lesson 1: (2:55)

Introducing Repository Pattern

Lesson 2: (6:38)

Adding Repository and Interface

Lesson 3: (5:33)