Presentation and materials for The Graph developers taking their first space-walk 🧑‍🚀

Overview

Welcome to thegraph-hacker-kit 👋

License: MIT Twitter: pi0neerpat Twitter: dan13ram

Presentation and materials for The Graph developers taking their first space-walk 🧑‍🚀

Are you ready to learn how to write subgraphs? Start the countdown.

3...

2...

1...

Launch! 👉 click here 🌍 🚀 🌠 🧑‍🚀 🌙

Authors

Pi0neerpat and dan13ram are experienced subgraph developers and are mercenaries in The Raid Guild, a web3 consultancy and services DAO. They've worked on subgraph projects for clients such as Superfluid, xDai Omnibridge, NFTX, and rDAI.

👤 pi0neerpat

From creating subgraphs, consuming them in dapps, and even running a Graph Protocol Indexer, pi0neerpat is a jack-of-all-trades in web3. He strives for excellence in both technical writing and guided-instruction, and is always open to questions from his students.

👤 dan13ram

⚔ī¸ Hire Us â€ĸ https://RaidGuild.org ⚔ī¸

Show your support

Give a ⭐ī¸ if this project helped you!

Contents

  • 🧑‍🚀 Subgraph Developer Bootcamp đŸĨž
  • Recorded Live Workshop, including Q+A
  • A feeling of "I can do this"

Objectives

You will:

  • Gain skills and confidence needed to write subgraphs, and need only a limited amount of support from peers
  • Initialize a local graph-node environment
  • Deploy subgraphs and write tests
  • Know where to find information, and how to ask for help

Prerequisites - REQUIRED (1 Hour)

In order to be prepared for this course you MUST already understand the basics of graphql. Luckily some very hard-working people put together an excellent interactive tutorial for you!

Spend at least 1 hour doing the tutorial and skimming the docs:

Software installation requirement - have these already installed:

Additional resources:

Known issues:

  • Whenever possible, rely on the generated schema to map your event types, as importing external libraries might be difficult. This is due to the AssemblyScript compiler used by TheGraph. If you rely on any external functions, make sure to extend it's default TypeScript configuration.

From the Authors:

Thank You!

The workshop and these materials were made possible thanks to a grant from The Graph Protocol.


This README was generated with ❤ī¸ by readme-md-generator

You might also like...

Backs up your favourite and recently used gifs/emotes and restores them in case discord clears them after logouts or for other reasons

Persist Favourites This plugin solves the problem of Discord randomly deciding to clear your gifs or emotes by backing both up regularely and restorin

Oct 13, 2022

Based on vitawind, kowind brings ESLint plugin and some other plugins to it that help you to format your code quickly and efficiently.

đŸĻ KOWIND v3 đŸĻ Vite helper based on vitawind 🧰 Easy To Install ⚡ī¸ Automatically open Tailwind JIT Mode ⚙ One-Command Setting 🚀 Automatically config

Nov 26, 2022

This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configured and ready to use in real world projects!

Nuxt 3 Starter This repo contains a fully configured nuxt 3 instance supporting TypeScript and several considered as useful libraries, fully configure

Dec 27, 2022

Morse code is a method used in telecommunication to encode text characters as standardized sequences of two different signal durations, called dots and dashes, or dits and dahs.

@elonehoo/point-line Install # npm npm i @elonehoo/point-line # yarn yarn add @elonehoo/point-line #pnpm pnpm i @elonehoo/point-line Usage import {dec

Aug 3, 2022

NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.

NativeScript empowers you to access native api's from JavaScript directly. Angular, Vue, Svelte, React and you name it compatible.

NativeScript empowers you to access native APIs from JavaScript directly. The framework currently provides iOS and Android runtimes for rich mobile de

Jan 4, 2023

JavaScript data grid with a spreadsheet look & feel. Works for React, Angular, and Vue. Supported by the Handsontable team ⚡

JavaScript data grid with a spreadsheet look & feel. Works for React, Angular, and Vue. Supported by the Handsontable team ⚡

Handsontable is a JavaScript component that combines data grid features with spreadsheet-like UX. It provides data binding, data validation, filtering

Dec 31, 2022

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

🌈  An enterprise-class UI components based on Ant Design and Vue. 🐜

Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. English | įŽ€äŊ“中文 Features An enterprise-class UI design system for desktop

Jan 9, 2023

BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.

With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive impl

Jan 4, 2023

Wiki.js | A modern and powerful wiki app built on Node.js

Wiki.js | A modern and powerful wiki app built on Node.js

A modern, lightweight and powerful wiki app built on NodeJS Official Website Documentation Requirements Installation Demo Change Log Feature Requests

Jan 5, 2023
Comments
  • Adding curl demo for bash users

    Adding curl demo for bash users

    image

    Before I tried to jump into the JavaScript component, I wanted to try it from my bash and realized it took a bit longer than I would have expected (graphql queries are oddly formatted). Since other people might want to do the same, added a slide where they can copy and paste the commands and a sample file where the query is properly formatted.

    For people using Gitpod it will look something like this:

    image

    Hope it helps :)

    opened by 0xjjpa 1
  • Add security resources

    Add security resources

    • https://cheatsheetseries.owasp.org/cheatsheets/GraphQL_Cheat_Sheet.html#graphql-security-best-practices-documentation
    • https://leapgraph.com/graphql-api-security/)
    opened by pi0neerpat 0
Owner
Patrick Gallagher
Buidling Web3 dev tools, teaching workshops, and having fun.
Patrick Gallagher
Next version of massCode [WIP]. A free and open source code snippets manager for developers

massCode next Built with Electron, Vue 3 & Ace Editor. Inspired by applications like SnippetsLab and Quiver. ☝ī¸ massCode is currently in development,

null 4.3k Jan 5, 2023
My first Angular application

todolist Github Pages link not working, the link is not displaying the actual site, its showing nothing. Please help if you can identify the mistake.

Soham Sarkar 2 Jul 1, 2021
Open-source list of data visualization tools for software developers 📊📈

awesome.cube.dev — charts, data grids, maps, etc. Choose the best tool for your needs by type, framework, language, or license. Get started in an inst

Cube.js 72 Jan 1, 2023
Code snippets manager for developers. PWA.

Snippets Ninja About Snippets.Ninja is a progressive web application for code snippet management. Offline first. Open Source. App uses IndexedDB for l

Magalyas Dmitry 71 Dec 19, 2022
✉ī¸ Nuxt module for first class integration with popular newsletter providers

nuxt-newsletter Newsletter module for Nuxt 3 ✨ Release Notes ?? Read the documentation Features Nuxt 3 ready Easy integration with Mailchimp, Revue, B

Jakub Andrzejewski 39 Jan 5, 2023
We open the tools we use in our projects to all developers.

huntersofbook This repo was created with the aim of developing the vue ecosystem as well as giving back to the open-source world what we learned from

huntersofbook 76 Dec 27, 2022
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

null 8.7k Jan 4, 2023
:necktie: :briefcase: Build fast :rocket: and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS.

best-resume-ever ?? ?? Build fast ?? and easy multiple beautiful resumes and create your best CV ever! Made with Vue and LESS. Cool Creative Green Pur

Sara Steiert 15.8k Jan 9, 2023
Matteo Bruni 4.7k Jan 4, 2023