Lessons

Explore all newline lessons

Tags
Author
Pricing
Sort By
Video
Most Recent
Most Popular
Highest Rated
Reset
https://image.mux.com/pAebSPY017PMwzoC9RE6MhLO501VRygNcYUZFdZtkO3SE/thumbnail.png?undefined

lesson

Coding a Comments Section that Requires Manual Content ApprovalThe newline Guide to Full Stack Comments with Hasura and React

Right 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.

https://image.mux.com/VbzJznMM4EyYUEUYILo7iCCaYpVgS8n5RzU1TYKsGZU/thumbnail.png?undefined

lesson

An Overview of Optimistic Updates for React HooksThe newline Guide to Full Stack Comments with Hasura and React

We'll learn about optimistic updates and add them to our hook's implementation to improve the user experience.

https://embed-ssl.wistia.com/deliveries/fc18a709f6dc2f24cc2cda62b951c30fbace5d7d.jpg

lesson

How to Use GraphQL to Add Comment Features to a Frontend AppThe newline Guide to Full Stack Comments with Hasura and React

This 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.

https://embed-ssl.wistia.com/deliveries/43cda77fec3b4f518bc98d4cd114bf6605a7c69d.jpg

lesson

A Brief Tutorial on Building the UI for a Blog Comments SectionThe newline Guide to Full Stack Comments with Hasura and React

In 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.

https://embed-ssl.wistia.com/deliveries/0300ead2de74af228f596bec08ad2d46360381a0.jpg

lesson

Fetching Blog Comments from a Database with a Custom React HookThe newline Guide to Full Stack Comments with Hasura and React

In 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.

https://image.mux.com/Wz01rxyTQ00X6drskxB01kVI727XmJ01G83pLLQJZpNqwqc/thumbnail.png?undefined

lesson

Setting Up Next.js Blog Starter and Understanding Its StructureThe newline Guide to Full Stack Comments with Hasura and React

We'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.

https://image.mux.com/fXMWm8oe9dRFYLsNLY5Bcf7013Qb878y006301J700wMLfM/thumbnail.png?undefined

lesson

How to Create a Comments Database Table and Set PermissionsThe newline Guide to Full Stack Comments with Hasura and React

In this lesson, we'll create a comments table and learn a bit about databases along the way.

https://image.mux.com/021SyjthY1wy01n01s2j6vJzoats8rZOs3JOWH01QlWgMFc/thumbnail.png?undefined

lesson

Using Hasura to Generate GraphQL APIs and Protect DataThe newline Guide to Full Stack Comments with Hasura and React

We'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!

https://embed-ssl.wistia.com/deliveries/84c1e97d1253451af607bd807f247efc.jpg

lesson

A Beginner's Guide to GraphQL Schema LanguageThe newline Guide to Building Your First GraphQL Server with Node and TypeScript

The 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.