Lessons
Explore all newline lessons
lesson
Build Example Mock Data to Test a GraphQL ServerThe newline Guide to Building Your First GraphQL Server with Node and TypeScriptTo help us get started, we'll begin by introducing a mock data array of rental listings in this lesson. This will help us get started before we begin to address more appropriate data persistence.
lesson
Coding a Comments Section that Requires Manual Content ApprovalThe newline Guide to Full Stack Comments with Hasura and ReactRight now, all the comments are public instantly. However, we may want to review the comments before showing them to other users. This is what we'll cover in this lesson.
lesson
How to Publish a Custom React Hook as an NPM LibraryThe newline Guide to Full Stack Comments with Hasura and ReactThis lesson will teach you how to publish a React hook as an NPM library.
lesson
Adding Pagination to a Comments Section with Hasura and ReactThe newline Guide to Full Stack Comments with Hasura and ReactIn this lesson, we'll add pagination to both the hook and UI.
lesson
An Overview of Optimistic Updates for React HooksThe newline Guide to Full Stack Comments with Hasura and ReactWe'll learn about optimistic updates and add them to our hook's implementation to improve the user experience.
lesson
How to Use GraphQL to Add Comment Features to a Frontend AppThe newline Guide to Full Stack Comments with Hasura and ReactThis lesson will show how to extend the hook to handle adding new comment logic. It will cover adding a new GraphQL mutation and using it from the frontend application.
lesson
A Brief Tutorial on Building the UI for a Blog Comments SectionThe newline Guide to Full Stack Comments with Hasura and ReactIn this lesson, we'll add a UI for the comments section and a new comment form. We'll also display the comments that we get from the React hook.
lesson
Fetching Blog Comments from a Database with a Custom React HookThe newline Guide to Full Stack Comments with Hasura and ReactIn this lesson, we'll create a React hook that will fetch the comments from the database. We'll cover how to create a custom hook as well as how to integrate with Hasura.
lesson
Setting Up Next.js Blog Starter and Understanding Its StructureThe newline Guide to Full Stack Comments with Hasura and ReactWe'll get to know a sample blog application that we'll be adding a comments section to. We'll also go over the setup and explain the directory structure.
lesson
How to Create a Comments Database Table and Set PermissionsThe newline Guide to Full Stack Comments with Hasura and ReactIn this lesson, we'll create a comments table and learn a bit about databases along the way.