UI Otimista com React Query Mutations

About   |   Features   |   Technologies   |   Requirements   |   Starting   |   License   |   Author

🎯 About

A motivação deste projeto é um exemplo da utilização da biblioteca React Query para implementar uma UI otimista, atualizando a interface antes mesmo do back-end responder e tornar o app muito mais otimizado.

✨ Features

✔️ Criação de um formulário para captura de dados;
✔️ Submissão de dados para teste do React Query;
✔️ Visualização da mutation ocorrendo;

🚀 Technologies

The following tools were used in this project:

• React
• TypeScript
• React Query
• Json Server

✅ Requirements

Before starting 🏁, you need to have Git and Node installed.

🏁 Starting

# Clone this project
$ git clone https://github.com/wsasouza/react-query-mutation.git

# Access
$ cd react-query-mutation

# Install dependencies
$ yarn
# or
$ npm install

# Run the server
$ yarn dev:server
# or
$ npm run dev:server

# The server will initialize in the <http://localhost:3333>

# Run the project
$ yarn dev
# or
$ npm run dev

# The app will initialize in the <http://localhost:3000>

📝 License

This project is under license from MIT. For more details, see the LICENSE file.

Made with ❤️ by Walter Santos de Andrade Souza

 

Back to top