Visão Geral

Este curso ensina, na prática, como consumir APIs REST e GraphQL dentro de aplicações React de forma organizada, eficiente e escalável. Você aprenderá desde requisições simples até estratégias modernas de cache, paginação, filtros, autenticação e integração com back-ends reais.

Objetivo

Após realizar este curso, você será capaz de:

• Consumir APIs REST com eficiência.
• Integrar React com GraphQL usando clientes modernos.
• Tratar erros, loading, cache e revalidação.
• Implementar paginação, busca, filtros e autenticação.
• Organizar sua camada de dados com boas práticas.
• Criar aplicações profissionais integradas a múltiplas APIs.

Publico Alvo

• Iniciantes e intermediários que querem integrar React com APIs externas.
• Devs front-end que precisam trabalhar com dados dinâmicos.
• Estudantes que desejam desenvolver aplicações conectadas ao mundo real.
• Quem quer dominar REST e GraphQL dentro do React.

Pre-Requisitos

• JavaScript básico/intermediário.
• Noções de React (componentes, hooks, estado).
• Conhecimento básico sobre o que é uma API.

Conteúdo Programatico

Module 1 – Fundamentals of API Consumption

1. What is an API
2. REST vs GraphQL basics
3. HTTP methods and status codes
4. JSON parsing and common pitfalls

Module 2 – Consuming REST APIs in React

1. Fetch API and async/await
2. Handling loading and error states
3. Consuming endpoints with query params
4. POST, PUT, DELETE requests
5. Organizing fetch functions

Module 3 – Using Axios for REST

1. Setting up Axios
2. Interceptors for auth and errors
3. Creating API services
4. Best folder structure for data layers

Module 4 – Intro to GraphQL

1. Queries vs mutations
2. GraphQL schemas and resolvers (overview)
3. How GraphQL differs from REST
4. When to choose GraphQL

Module 5 – React + GraphQL with Apollo Client

1. Setting up Apollo Provider
2. Running queries and mutations
3. Cache normalization
4. Refetching and pagination
5. Error handling

Module 6 – React + GraphQL with URQL

1. URQL basics
2. Queries, mutations and subscriptions
3. Lightweight GraphQL architecture
4. Choosing between Apollo and URQL

Module 7 – Advanced Data Management

1. Pagination strategies (cursor, offset)
2. Debouncing search queries
3. Optimistic UI updates
4. Managing request cancellation
5. Revalidation strategies

Module 8 – Authentication & Secure Requests

1. Token-based authentication
2. Refresh tokens and silent refresh
3. Securing API calls
4. Protected routes in React

Module 9 – Final Project

• Full React application consuming:

1. A REST API
2. A GraphQL API

• Implementing pagination, filters, login and mutations
• Data layer organization and final optimizations