Skip to content

Latest commit

 

History

History
69 lines (50 loc) · 1.29 KB

README.md

File metadata and controls

69 lines (50 loc) · 1.29 KB

react-query-crud-ts-demo

Demo: react-query-crud-ts-demo

This repository provides a perfect setup to get React working with

  • React 18
  • React Query (Tanstack Query) with useQuery (GET) and useMutation (PUT, POST)
  • REST API calls (GET, PUT, POST, DELETE)
  • CRUD data operations (CREATE, READ, UPDATE, DELETE)
  • Eslint rules
  • Pagination
  • Vite instead of react-scripts and create-react-app
  • Typescript 5
  • Tailwind
  • Toast messages

Getting started

  • Git clone the project
git clone https://github.com/rich-info/react-query-crud-ts-demo.git
  • Go to the project directory:
cd react-query-crud-ts-demo
  • Install dependencies
npm i
yarn install
  • Setup database file
cp db/sample.db.json db/db.json
  • Start the json-server with the demo data db/db.json
npm run json-server
yarn json-server
  • Launch another terminal tab or window and run the app locally
npm run dev
yarn dev

Open the URL http://localhost:3000 in your browser to access the react app.