Visão Geral

Este curso ensina, de forma direta e prática, como gerenciar estado em aplicações React usando Context API, Reducers e Custom Hooks. Você aprenderá a estruturar estados globais, criar fluxos mais organizados e construir aplicações mais robustas, limpas e escaláveis.

Objetivo

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

• Criar estados globais usando Context API.
• Organizar e centralizar lógica usando Reducers.
• Criar seus próprios Custom Hooks reutilizáveis.
• Substituir soluções pesadas de state management em projetos simples e médios.
• Estruturar aplicações React com arquitetura limpa e escalável.

Publico Alvo

• Estudantes iniciantes e intermediários em React.
• Desenvolvedores front-end que querem melhorar a arquitetura dos projetos.
• Pessoas que já sabem trabalhar com props e estado local.
• Quem deseja criar aplicações profissionais e bem estruturadas.

Pre-Requisitos

• JavaScript básico.
• Conhecimento básico de React (componentes, props, estado e hooks iniciais).

Conteúdo Programatico

Module 1 – Understanding State Management in React

1. Local vs global state
2. Prop drilling problems
3. When to use Context, Reducers, or Custom Hooks

Module 2 – Context API Fundamentals

1. Creating contexts
2. Providing and consuming context
3. Structuring global state folders
4. Avoiding unnecessary re-renders

Module 3 – Working with Reducers

1. useReducer Hook basics
2. State, actions and reducer patterns
3. Combining Context + Reducer
4. Scalable architecture for global state

Module 4 – Creating Custom Hooks

1. Why create custom hooks
2. Extracting reusable logic
3. Organizing hooks in real applications
4. Custom hooks for fetching, forms and UI state

Module 5 – Advanced Patterns

1. Context segmentation
2. Lazy initialization in reducers
3. Memoization strategies
4. Performance improvement techniques

Module 6 – Project Architecture

1. Creating reusable providers
2. Combining multiple contexts
3. File and folder structure best practices

Module 7 – Final Project

• Creating a full global state system using:

1. Context API
2. Reducers
3. Custom Hooks

• Implementing authentication flow
• Managing UI state and business logic
• Performance checks and optimizations