Community: Convert real-time poll sample app to hooks [closes #7675]

[andykcom]

Description

The PR updates the Real-time Poll sample app to use Apollo v3, converts the application from class-based components to functional components, and cleans up the code structure. The changes are internal only and do not affect functionality or look of the sample app.

Changelog

• CHANGELOG.md is updated with user-facing content relevant to this PR. If no changelog is required, then add the no-changelog-required label.

Affected components

• Community Content

Related Issues

• update sample app: realtime poll #7675

Solution and Design

The old system was written 3 years ago when the implementation of the Apollo library used , , and components to fetch the data. Newer release of Apollo moved to a hooks-based approach.

The new design of the app leverages React hooks for a more modern and readable code.

Steps to test and verify

Manually tested the workflow.

Limitations, known bugs & workarounds

N/A

Server checklist

N/A

Catalog upgrade

Does this PR change Hasura Catalog version?

• No
• Yes
  • Updated docs with SQL for downgrading the catalog

Metadata

Does this PR add a new Metadata feature?

• No
• Yes
  • Does run_sql auto manages the new metadata through schema diffing?
    • Yes
    • Not required
  • Does run_sql auto manages the definitions of metadata on renaming?
    • Yes
    • Not required
  • Does export_metadata/replace_metadata supports the new metadata added?
    • Yes
    • Not required

GraphQL

• No new GraphQL schema is generated
• New GraphQL schema is being generated:
  • New types and typenames are correlated

Breaking changes

• No Breaking changes

• There are breaking changes:

  1. Metadata API

     Existing query types:

     • Modify args payload which is not backward compatible
     • Behavioural change of the API
     • Change in response JSON schema
     • Change in error code

  2. GraphQL API

     Schema Generation:

     • Change in any NamedType
     • Change in table field names

     Schema Resolve:-

     • Change in treatment of null value for any input fields

  3. Logging

     • Log JSON schema has changed
     • Log type names have changed

[hasura-bot]

Beep boop! 🤖

Hey @andykcom, thanks for your PR!

One of my human friends will review this PR and get back to you as soon as possible.

Stay awesome! 😎

[CLAassistant]

All committers have signed the CLA.

[andykcom]

@praveenweb , can you please add no-changelog-required tag? Thanks!

[netlify]

✔️ Deploy Preview for hasura-docs ready!

🔨 Explore the source changes: ed77611

🔍 Inspect the deploy log: https://app.netlify.com/sites/hasura-docs/deploys/61776e5dbedb21000728a765

😎 Browse the preview: https://deploy-preview-7694--hasura-docs.netlify.app

[rikinsk]

/changelog ok

[hasura-bot]

Beep boop! 🤖

Awesome work @andykcom!

Your changes were merged successfully. All of us at Hasura ❤️ what you did.

Thanks again 🤗

[mehtavishwa30]

Hey @andykcom, 👋🏼

Thanks so much for contributing to Hasura through Hacktoberfest 2021! As a token of appreciation, we'd love to send you some swag. Do keep an eye out for an email with the link to the swag form. Do fill it out and your swag will be on its way soon! ❤️

Cheers!