Managing state with React Query. 〽️

This time, we are going to learn how to use React Query as a state management. 🧐

 

Demo app features ⚙️

1. list users from API.
2. create new users.
3. update username
4. delete user by id.

 

Technologies 🧪

• React JS 18.2.0
• React Query 4.20.4
• React Router Dom 6.6.1
• TypeScript 4.9.3
• Vite JS 4.0.0
• CSS vanilla

 

Installation 🧰

1. Clone the repository (you need to have Git installed).

    git clone https://github.com/Franklin361/state-management-react-query.git

2. Install dependencies of the project.

    npm install

3. Run the project.

    npm run dev

 

Article links ⛓️

Here's the link to the tutorial in case you'd like to take a look at it! eyes 👀

• 🇲🇽 🔗 https://dev.to/franklin030601/administrando-el-estado-con-react-query-2b2j

• 🇺🇲 🔗 https://dev.to/franklin030601/managing-state-with-react-query-1842

 

📢 Demo link

https://rq-state-management.netlify.app/