Visão Geral

Este curso foca nos pilares fundamentais do React: componentes, props e estado. Ele aprofunda os conceitos essenciais que sustentam qualquer aplicação React moderna, ajudando você a dominar a criação de interfaces dinâmicas e reutilizáveis com segurança e clareza.

Objetivo

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

• Criar componentes funcionais bem estruturados
• Reutilizar componentes de forma inteligente
• Controlar dados internos com estado
• Passar informações usando props
• Construir interfaces mais profissionais e organizadas

Publico Alvo

• Iniciantes em React que querem dar o próximo passo
• Estudantes de tecnologia
• Desenvolvedores que desejam consolidar a base do React
• Quem já tentou aprender React, mas ficou confuso com componentes e estado

Pre-Requisitos

• Conhecimentos básicos de HTML, CSS e JavaScript
• Noções introdutórias de React (JSX e criação de projeto)

Conteúdo Programatico

Module 1: Components Deep Dive

1. Understanding functional components
2. Component structure and patterns
3. Reusability and composition
4. Naming conventions and clean component design

Module 2: Props in Practice

1. What props are and how they work
2. Passing data between components
3. Default props and prop types
4. Avoiding common mistakes with props

Module 3: State Fundamentals

1. What is state and why it matters
2. Managing state with useState
3. Updating state correctly
4. State-driven rendering explained

Module 4: Events and Interactivity

1. Event handling in React
2. Binding and passing functions
3. Interactive UI components
4. Common event patterns

Module 5: Component Communication

1. Parent-to-child communication
2. Child-to-parent callbacks
3. Sharing state across multiple components
4. Best practices to avoid prop drilling

Module 6: State Patterns and Logic

1. Derived state
2. Conditional updates
3. Avoiding re-renders
4. Stateless vs stateful components

Module 7: Mini Project – Component Architecture

1. Building a structured mini app
2. Applying props and state intelligently
3. Separating UI and logic
4. Refactoring for clarity and scalability