https://github.com/js2me/mobx-tanstack-query

MobX wrappers for Tanstack Query (Core)
https://github.com/js2me/mobx-tanstack-query

Last synced: 4 months ago
JSON representation

MobX wrappers for Tanstack Query (Core)

• Host: GitHub
• URL: https://github.com/js2me/mobx-tanstack-query
• Owner: js2me
• License: mit
• Created: 2024-07-18T06:13:37.000Z (almost 2 years ago)
• Default Branch: master
• Last Pushed: 2024-12-28T11:33:42.000Z (over 1 year ago)
• Last Synced: 2025-01-06T09:09:11.125Z (over 1 year ago)
• Language: TypeScript
• Size: 811 KB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          


# mobx-tanstack-query  

[![NPM version][npm-image]][npm-url] [![test status][github-test-actions-image]][github-actions-url] [![build status][github-build-actions-image]][github-actions-url] [![npm download][download-image]][download-url] [![bundle size][bundlephobia-image]][bundlephobia-url]

[npm-image]: http://img.shields.io/npm/v/mobx-tanstack-query.svg

[npm-url]: http://npmjs.org/package/mobx-tanstack-query

[github-test-actions-image]: https://github.com/js2me/mobx-tanstack-query/workflows/Test/badge.svg

[github-build-actions-image]: https://github.com/js2me/mobx-tanstack-query/workflows/Build/badge.svg

[github-actions-url]: https://github.com/js2me/mobx-tanstack-query/actions

[download-image]: https://img.shields.io/npm/dm/mobx-tanstack-query.svg

[download-url]: https://npmjs.org/package/mobx-tanstack-query

[bundlephobia-url]: https://bundlephobia.com/result?p=mobx-tanstack-query

[bundlephobia-image]: https://badgen.net/bundlephobia/minzip/mobx-tanstack-query

_**MobX** wrapper for [**Tanstack Query Core**](https://tanstack.com/query/latest) package_  

### [Read the docs →](https://js2me.github.io/mobx-tanstack-query/)

```ts

import { Query } from "mobx-tanstack-query";

const query = new Query({

  queryClient,

  queryKey: ['hello', 'world'],

  queryFn: async () => {

    const response = await fetch('/hello/world');

    return await response.json();

  }

})

reaction(

  () => query.isLoading,

  isLoading => {

    if (isLoading) {

      console.log('Loading...');

    }

  }

)

```

## Contribution Guide    

Want to contribute ? [Follow this guide](https://github.com/js2me/mobx-tanstack-query/blob/master/CONTRIBUTING.md)