mjvdende / react-query-workshop

Workshop about server side state management by using react-query

Getting Started

Requirements: Node.js, Package Manager (yarn or NPM)

Clone repository

# With HTTPS
https://github.com/LauraBeatris/react-query-workshop.git

# With SSH
git clone [e-mail]:LauraBeatris/react-query-workshop.git

# With GitHub CLI
gh repo clone LauraBeatris/react-query-workshop

Install dependencies

# With NPM
npm install

# With yarn
yarn install

Create GitHub personal token & set to env variable

• Follow the instructions from the GitHub docs page in order to create a personal token with permissions for repository operations
• Copy the .env.example file and add your personal token value

  cp .env.example .env

VITE_GITHUB_PERSONAL_TOKEN=value-here

Start development server

# With NPM
npm dev

# With yarn
yarn dev

Workshop parts per branch

• Configuring Axios
• Extracting API call to hook
• Configuring react-query
• Introduce stale time configuration
• Introduce cache invalidation
• Introduce mutation