Visão Geral

Este curso aprofunda seu conhecimento em React, focando no uso intermediário dos Hooks, no gerenciamento global de estado com Context API e nas melhores práticas para escrever código limpo, organizado e escalável. Ideal para quem já domina o básico e quer evoluir para o próximo nível.

Objetivo

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

• Utilizar Hooks de forma eficiente e estratégica
• Implementar useEffect, useMemo, useCallback e useRef corretamente
• Criar e estruturar Context API para estados globais
• Organizar aplicações React com boas práticas
• Evitar re-renderizações desnecessárias
• Desenvolver interfaces mais profissionais e escaláveis

Publico Alvo

• Estudantes que já conhecem o básico de React
• Devs iniciantes que querem subir de nível
• Pessoas que já usam componentes, props e estado
• Quem quer aprender padrões modernos do React

Pre-Requisitos

• React básico (componentes, props e useState/useEffect)
• JavaScript intermediário

Conteúdo Programatico

Module 1: Deep Dive into useEffect

1. Understanding effect dependencies
2. Avoiding infinite loops
3. Cleanup functions
4. Practical side-effect scenarios

Module 2: useMemo and useCallback

1. Why memoization matters
2. Optimizing expensive calculations
3. Stabilizing function references
4. Real-world use cases

Module 3: useRef and Component Control

1. Mutable references
2. Accessing DOM elements
3. Storing values without triggering re-renders
4. Practical patterns with useRef

Module 4: Performance Optimization Patterns

1. Avoiding unnecessary re-renders
2. React.memo in practice
3. When to optimize and when not to
4. Measuring performance

Module 5: Context API – Global State Management

1. Understanding global state needs
2. Creating and providing context
3. Consuming context in components
4. Organizing context files and folders

Module 6: Context API + Hooks Together

1. useContext in real applications
2. Combining Context with useReducer
3. Handling complex global states
4. Clean architecture patterns

Module 7: Custom Hooks

1. Why and when to create Custom Hooks
2. Reusing logic between components
3. Structuring a Custom Hook
4. Practical examples step-by-step

Module 8: File Organization and Clean Architecture

1. Scalable folder structures
2. Separating UI from logic
3. Naming conventions and patterns
4. Avoiding “spaghetti React”

Module 9: Intermediate Project – Global State App

1. Planning the application
2. Creating global state with Context
3. Applying Hooks to handle logic
4. Optimizing UI and interactions

Module 10: Preparing for Advanced React

1. What comes next: useReducer, useTransition, useDeferredValue
2. Introduction to performance boundaries
3. When to adopt external state managers
4. Best learning path for React mastery