Visão Geral

Este curso aprofunda o uso do Redux Toolkit (RTK) para gerenciamento avançado de estado em aplicações React. Aqui você aprende desde a arquitetura ideal, padrões, RTK Query, boas práticas e como escalar aplicações complexas sem dor de cabeça. Tudo com foco em performance, organização e código limpo.

Objetivo

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

• Configurar Redux Toolkit do zero em projetos React.
• Criar slices, reducers, actions e middlewares modernos.
• Usar RTK Query para consumir APIs com cache automático.
• Organizar o estado global com arquitetura escalável.
• Resolver problemas comuns de performance e re-renderização.
• Criar aplicações React profissionais usando Redux da forma correta.

Publico Alvo

• Desenvolvedores que já entendem React e querem dominar Redux.
• Devs front-end que trabalham com projetos de médio e grande porte.
• Equipes que desejam padronizar o gerenciamento de estado.
• Estudantes que querem aprender Redux de forma moderna (sem confusão do Redux antigo!).

Pre-Requisitos

• React intermediário (hooks, componentes, estado, context).
• JavaScript moderno.
• Noções de APIs REST.

Conteúdo Programatico

Module 1 – Introduction to Modern Redux

1. What is Redux and when to use it
2. Problems Redux solves
3. Redux Toolkit vs old Redux
4. Overview of slices, store and reducers

Module 2 – Setting Up Redux Toolkit

1. Installing Redux Toolkit and React Redux
2. Creating the store
3. Working with slices
4. Writing reducers using Immer
5. Action creators and dispatching actions

Module 3 – State Architecture with Redux

1. Structuring slices for large apps
2. Root reducer organization
3. Normalizing data
4. Avoiding deeply nested states
5. Best naming and folder conventions

Module 4 – React Integration

1. useSelector and useDispatch patterns
2. Avoiding unnecessary re-renders
3. Memoization strategies
4. Using selectors and reselect

Module 5 – Async Logic with createAsyncThunk

1. Handling async requests
2. Loading, success and error states
3. Chaining async logic
4. Canceling async operations
5. Error boundaries and fallback UI

Module 6 – RTK Query Fundamentals

1. Queries and mutations
2. Auto-caching, refetching and invalidation
3. Working with tags
4. Lazy queries
5. File upload and advanced mutation patterns

Module 7 – Advanced RTK Query Techniques

1. Cache management strategies
2. Streaming and polling
3. Handling auth tokens
4. Pagination and infinite queries
5. Integrating multiple API services

Module 8 – Middleware & Side Effects

1. Custom middlewares
2. Logging and analytics
3. Security considerations
4. Handling cross-cutting concerns

Module 9 – Large-Scale Architecture

1. Feature-based folder structure
2. Modular slice expansion
3. Strategies for enterprise-level applications
4. Maintaining clean boundaries between UI and state

Module 10 – Final Project

• Building a complete application using:

1. Redux Toolkit
2. RTK Query
3. Feature-based architecture
4. Memoized selectors
5. Async flows

• Optimizing performance and documenting architecture decisions