SPK Network - Using GraphQL for 3Speak Mobile App

https://3speak.tv/watch?v=spknetwork/lgnldgjo  --- **Hey everyone!** With this 3Speak Video & Hive post, @sagarkothari88 illustrates how to use GraphQL Queries based on Union Indexer. ## SPK Network is always Open-source: - Mobile app source code - https://github.com/spknetwork/Android-app - Legacy / Current website - https://github.com/spknetwork/3speak-legacy-frontend - Legacy / Current creator studio - https://github.com/spknetwork/3speak-legacy-studio - Union Indexer - https://github.com/spknetwork/union-indexer-node ## [What is GraphQL?](https://graphql.org/) - GraphQL is a query language for APIs and a runtime for fulfilling those queries with existing data - GraphQL provides an interactive way of building the queries & play around them. - You can select the attributes/fields/properties of your choice for the response. ## Why is GraphQL now on Mobile App? - The mobile app shows different feeds but is not sorted as per the curation amount. - For each video, payout info, votes, etc., values are fetched, over & over, when displayed on the screen. - This consumes internet bandwidth & you may want to avoid it if you are on mobile data. - There are other issues with the existing feed. - Feed needs to be updated. - With GraphQL, we can fix these issues & have needed data in a single request. - @sagarkothari88 is now implementing GraphQL-based feeds on 3Speak-Mobile application. ## How to use GraphQL? - Please view the video to understand in detail with a live demo. - Open this link - https://union.us-02.infra.3speak.tv/api/v2/graphql - Select the feed of your choice. - Social Feed - Trending Feed  - Select attributes that you need for your User Interface  - Do not forget to apply this filter if you only want the data for Videos.  - Hit the run button.  ## Ready-made GraphQL Queries for you ### Trending feed ``` query MyQuery { trendingFeed(spkvideo: {only: true}) { items { ... on HivePost { spkvideo stats { num_comments num_votes total_hive_reward } lang title tags permlink created_at body } } } } ``` ### New Videos Feed ``` query MyQuery { socialFeed(spkvideo: {only: true}) { items { ... on HivePost { spkvideo stats { num_comments num_votes total_hive_reward } lang title tags permlink created_at body } } } ``` ### First Uploads Feed ``` query MyQuery { socialFeed(spkvideo: {only: true, firstUpload: true}) { items { ... on HivePost { spkvideo stats { num_comments num_votes total_hive_reward } lang title tags permlink created_at body } } } ``` ### Related Videos ``` query MyQuery { relatedFeed(permlink: "sdltslwo", author: "leofinance") { items { ... on HivePost { spkvideo stats { num_comments num_votes total_hive_reward } lang title tags permlink created_at body } } } } ``` ### My Published Videos ``` query MyQuery { socialFeed( spkvideo: {only: true} feedOptions: {byCreator: {_eq: "sagarkothari88"}} ) { items { ... on HivePost { body title tags stats { num_comments num_votes total_hive_reward } spkvideo permlink lang community created_at } } } } ``` ### 3Shorts ``` query MyQuery { socialFeed( spkvideo: {only: true, isShort: true} ) { items { ... on HivePost { body title tags stats { num_comments num_votes total_hive_reward } spkvideo permlink lang community created_at } } } } ``` ### Leaderboard *Coming soon.* ### Community Details ``` query MyQuery { community(id: "hive-181335") { title about created_at images { avatar cover } roles { role title username } subscribers } } ``` ### Videos from a community ``` query MyQuery { community(id: "hive-181335") { title about created_at images { avatar cover } roles { role title username } subscribers trendingFeed { items { ... on HivePost { spkvideo stats { num_comments num_votes total_hive_reward } lang title tags permlink created_at body } } } } } ``` --- #### About the SPK Network: >The SPK Network is a decentralized Web 3.0 protocol that rewards value creators and infrastructure providers appropriately and autonomously by distributing reward tokens so that every user, creator, and platform can earn rewards on a level playing field. - Check out the SPK Network Light Paper: https://peakd.com/hive/@spknetwork/spk-network-light-paper - Our Website: https://spk.network/ - Telegram Group: https://t.me/spknetwork - Discord Server: https://discord.gg/JbhQ7dREsP - SPK Network Linktree: https://linktr.ee/spknetwork ---  ### Important Links: ||| |:-:|:-:| |[3Speak Linktree](https://linktr.ee/3speak)|[SPK Network Linktree](https://linktr.ee/spknetwork)| | | | | | |-|-|-|-| |[3Speak.tv](https://3speak.tv)| [3Speak Twitter](https://twitter.com/3speakonline) | [3Speak Hive Blog](https://hive.blog/@threespeak) | [3Speak Telegram](https://t.me/threespeak) | | [3Speak in Spanish](https://peakd.com/@threespeak-es/posts) | [Download Android App](https://play.google.com/store/apps/details?id=tv.threespeak.app) | [Download iOS App](https://apps.apple.com/us/app/3speak/id1614771373) | [Download Desktop App](https://github.com/spknetwork/3Speak-app/releases) | [Join 3Speak Discord](https://discord.gg/NSFS2VGj83) | [Setup Encoder Node](https://ecency.com/hive-181335/@sagarkothari88/retfajht) | [Vote for SPK Network Proposal](https://peakd.com/hive-112019/@spknetwork/spk-network-funding-proposal-rhnv7e) | [Badge Recipients](https://peakd.com/b/badge-181335/recipients) | ||| |:-:|:-:| [](https://apps.apple.com/us/app/3speak/id1614771373) | [](https://play.google.com/store/apps/details?id=tv.threespeak.app)| ### [Vote for 3Speak as Witness](https://vote.hive.uno/@threespeak) - [](https://hivesigner.com/sign/account-witness-vote?witness=threespeak&approve=1) ### [Vote for Sagarkothari88 as Witness](https://vote.hive.uno/@sagarkothari88) - [](https://hivesigner.com/sign/account-witness-vote?witness=sagarkothari88&approve=1)