An open API service indexing awesome lists of open source software.

https://github.com/badiniibrahim/react-app-tailwindcss-tanstack-query

The repository is dedicated to Tanstack Query a simple and effective solution to synchronize data between the front and back and offers features that make the developer's life easier and improve the user experience.
https://github.com/badiniibrahim/react-app-tailwindcss-tanstack-query

i18n-react i18next jest-tests react storybook tailwindcss tanstack-query testing-library typescript

Last synced: 2 months ago
JSON representation

The repository is dedicated to Tanstack Query a simple and effective solution to synchronize data between the front and back and offers features that make the developer's life easier and improve the user experience.

Awesome Lists containing this project

README

          

# Easy server state with Tanstack Query (React Query)

The repository is dedicated to Tanstack Query a simple and effective solution to synchronize data between the front and back and offers features that make the developer's life easier and improve the user experience.


SAWADOGO Badini Ibrahim

[![GitHub badiniibrahim](https://img.shields.io/github/followers/badiniibrahim?label=follow&style=social)](https://github.com/badiniibrahim)

[![Gmail Badge](https://img.shields.io/badge/-sawadogo.badiniibrahim@gmail.com-c14438?style=flat-square&logo=Gmail&logoColor=white&link=sawadogo.badiniibrahim@gmail.com)](mailto:sawadogo.badiniibrahim@gmail.com)

[![LinkedIn](https://img.shields.io/badge/linkedin-%230077B5.svg?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/badini-ibrahim-s-306b119b/)

## About this Repository

![GitHub language count](https://img.shields.io/github/languages/count/badiniibrahim/react-app-tailwindcss-tanstack-query)
![GitHub top language](https://img.shields.io/github/languages/top/badiniibrahim/react-app-tailwindcss-tanstack-query)
![GitHub last commit](https://img.shields.io/github/last-commit/badiniibrahim/react-app-tailwindcss-tanstack-query)
![Github Repo Size](https://img.shields.io/github/repo-size/badiniibrahim/react-app-tailwindcss-tanstack-query)

### [LiveSite](https://react-app-tailwindcss-tanstack-query-d2xzmdkwf.vercel.app/)

![demo.gif](./gif/demo.gif)

## Technologies

- React.js
- Beautiful layouts with TailwindCSS
- Tanstack Query
- Storybook
- React testing library

## 👨‍💻 Getting Started

### Prerequisites

nvm

```shell
brew install nvm
```

Node.js

```shell
nvm install v17.4.0
```

Yarn

```shell
npm install --global yarn
```

## :running: Run Locally

Clone the project

```bash
git clone https://github.com/badiniibrahim/react-app-tailwindcss-tanstack-query.git
```

## Installation

```bash
$ yarn install
```

### Testing

#### Unit / Integration tests

Launch the test runner in the interactive watch mode:

```shell
yarn test
```