Showing results for "graphql"

Tags
    Author
      Technology
        Rating
        Pricing
        Sort By
        Video
        Results To Show
        Most Recent
        Most Popular
        Highest Rated
        graphql
        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.


        Articles

        view all ⭢
        How to use urql authExchange to implement authentication in Next.js

        In this article, we will learn how to use the urql authExchange to add authen...

        How to Consume a GraphQL API in Next.js with urql and next-urql

        In this article, we will learn how to use urql to consume a GraphQL API in a ...