Explore all newline lessons
lesson
Testing GraphQL serverslesson
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.
lesson
Using Hasura to Generate GraphQL APIs and Protect DataThe newline Guide to Full Stack Comments with Hasura and ReactWe'll learn about Hasura and play a bit with its features and writing GraphQL queries. This knowledge will let us move on to the commenting system!
lesson
A Beginner's Guide to GraphQL Schema LanguageThe newline Guide to Building Your First GraphQL Server with Node and TypeScriptThe GraphQL schema language is a human-readable syntax to help create GraphQL schemas. In this lesson, we'll use the GraphQL schema language to re-create the schema we have in a more readable and simpler format.