CRUD Products React App using React Query

Overview:

This is a simple CRUD product application to demonstrate using React Query side by side with redux. The idea is that React Query takes care of the data loading and saving and React only takes care of application specific state like is modal open or closed, selected rows etc.

For an example on how to implement the same app using Redux Saga you can refer to this repository: products-redux-sagas.

Prerequisites:

• You'll need the Mongo-Api-Docker mock api.

Tech:

• Yarn
• React TypeScript
• Material UI
• React Hook Forms
• React Testing Library
• React Query
• Redux Toolkit - used for local app state like modal open/closed, selected rows etc.
• Github Actions for running checks - CI workflow can be seen here

To run the project:

• Start the Mongo-Api-Docker mock api as described in readme file of that repo.
• run yarn install
• run yarn start:dev

Useful Articles:

• Getting Started with React-Query for Data Fetching and State Management