{"id":25052249,"url":"https://github.com/dagerikhl/typescript-thursday-react-query","last_synced_at":"2025-07-25T23:07:58.685Z","repository":{"id":59312182,"uuid":"536577819","full_name":"dagerikhl/typescript-thursday-react-query","owner":"dagerikhl","description":"TypeScript + ReactQuery workshop","archived":false,"fork":false,"pushed_at":"2022-09-15T04:01:19.000Z","size":85,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-25T12:01:55.843Z","etag":null,"topics":["learning","miles","reactquery","tutorial","typescript","workshop"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dagerikhl.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-09-14T12:56:45.000Z","updated_at":"2022-09-14T14:45:15.000Z","dependencies_parsed_at":"2023-01-18T08:15:51.140Z","dependency_job_id":null,"html_url":"https://github.com/dagerikhl/typescript-thursday-react-query","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dagerikhl/typescript-thursday-react-query","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dagerikhl%2Ftypescript-thursday-react-query","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dagerikhl%2Ftypescript-thursday-react-query/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dagerikhl%2Ftypescript-thursday-react-query/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dagerikhl%2Ftypescript-thursday-react-query/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dagerikhl","download_url":"https://codeload.github.com/dagerikhl/typescript-thursday-react-query/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dagerikhl%2Ftypescript-thursday-react-query/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267080062,"owners_count":24032587,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-25T02:00:09.625Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["learning","miles","reactquery","tutorial","typescript","workshop"],"created_at":"2025-02-06T10:28:49.380Z","updated_at":"2025-07-25T23:07:58.667Z","avatar_url":"https://github.com/dagerikhl.png","language":"TypeScript","readme":"# TypeScript Thursday: ReactQuery\n\nTypeScript + ReactQuery workshop\n\nThis is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).\n\n# Workshop\n\n## Getting Started\n\nFirst, run the development server:\n\n```bash\nyarn dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nThe `pages/` directory (except `pages/api`, see below) refers to pages in the we SPA. You can edit these to change the application.\n\nThe `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.\n\nTip: In the bottom right corner of the application, there's a ReactQuery icon. These are the [ReactQuery DevTools](https://react-query-v3.tanstack.com/devtools) and are very helpful to observe the states of your API calls.\n\n## Tasks\n\n1. Utilize the `useGetPaginatedApplications` hook in `pages/application/index.tsx` and use the pagination hook to enable pagination of the results.\n2. Impl. a similar query function and hook to support sorting by the `?sort=prop` query param, where `prop` can be one of `[namespace,name,state]`. Determin one of these to use.\n   1. [OPTIONAL]: Impl. a user interface to be able to toggle which property to sort by.\n3. Impl. the /errors page using ReactQuery to get the errors from the API. See the /applications page for inspiration.\n4. Impl. the /dashboard page, which uses _both_ the applications and errors endpoint to show a summary of all available entities. Feel free to use pagination or sorting as you wish, or not at all.\n\n## Resources\n\n- In-depth discussion and explanation of ReactQuery's QueryContext: https://tkdodo.eu/blog/leveraging-the-query-function-context\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdagerikhl%2Ftypescript-thursday-react-query","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdagerikhl%2Ftypescript-thursday-react-query","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdagerikhl%2Ftypescript-thursday-react-query/lists"}