Github REST API with vite react and react-query

Intro

Github is a remote source control solution that can act as a source of truth and remote backup for your local versioning system, in this case Git. It makes development and collaboration when working in small to large codebases and has a handy web client that offers you all the tools . But as a developer you're bound to want more or a very specific layout that's not supported in their native implementation , and hats where APIs come in , Github has one of the best APIs i've tinkered with .this tutorial will start off with the REST implementation then we'll switch to their GraphQL api final project

Github Api Official Docs

{% embed https://github.com/tigawanna/gitpals %}

for starters i'd recommend setting up an api testing environment and before we do that we'll also need a personal access token

then we'll an api client like postman or it's alternatives and set the token in the header as such

remember to space the keyword Bearer to the actual token and also add the application/json as shown below

![postman headers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eoxmqgr2yk5uieo0m44w.png) and for example hitting the endpoint https://api.github.com/user will give you back the currently logged in user and with that set up you can now experiment with queries even and make sure they work before using them .

Once sure of that we can start setting up react ,in this case i used axios with react-query

Github REST API with vite react and react-query

Tanstack DB in action

Reasons to Still Use Next.js from a TanStack Start Enjoyer

🎨 TanStack Start SSR-Friendly Theme Provider

Github REST API with vite react and react-query

Tanstack DB in action

Reasons to Still Use Next.js from a TanStack Start Enjoyer

🎨 TanStack Start SSR-Friendly Theme Provider

Intro

More posts

Tanstack DB in action

Reasons to Still Use Next.js from a TanStack Start Enjoyer

🎨 TanStack Start SSR-Friendly Theme Provider

More posts

Tanstack DB in action

Reasons to Still Use Next.js from a TanStack Start Enjoyer

🎨 TanStack Start SSR-Friendly Theme Provider

Intro