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

Welcome to

The newline Guide to Full Stack Comments with Hasura and React

Module 1

Introduction

1 Lesson 3 Minutes

01Course Introduction
Free00:03:03

Module 2

Storing comments with Hasura

3 Lessons 25 Minutes

01Introduction to GraphQL
Sneak Peek00:09:21
02Using Hasura to Generate GraphQL APIs and Protect Data
Sneak Peek00:10:35
03How to Create a Comments Database Table and Set Permissions
Sneak Peek00:06:03

Module 3

Implementing a comments system

5 Lessons 33 Minutes

01Setting Up Next.js Blog Starter and Understanding Its Structure
Sneak Peek00:04:56
02Fetching Blog Comments from a Database with a Custom React Hook
Sneak Peek00:09:32
03A Brief Tutorial on Building the UI for a Blog Comments Section
Sneak Peek00:05:43
04How to Use GraphQL to Add Comment Features to a Frontend App
Sneak Peek00:03:51
05Using React Testing Library and Jest to Test Hooks and Components
Sneak Peek00:09:20

Module 4

Extending the comments system functionality

2 Lessons 7 Minutes

01An Overview of Optimistic Updates for React Hooks
Sneak Peek00:03:16
02Adding Pagination to a Comments Section with Hasura and React
Sneak Peek00:04:18

Module 5

Bonus

2 Lessons 6 Minutes

01How to Publish a Custom React Hook as an NPM Library
Sneak Peek00:03:55
02Coding a Comments Section that Requires Manual Content Approval
Sneak Peek00:02:52

Module 6

Summary

1 Lesson 2 Minutes

01Summary
Sneak Peek00:02:35

Next Introduction:

Course Introduction