Visão Geral

Este curso apresenta a base do React JS de forma simples e direta, introduzindo também os Hooks essenciais para criar interfaces dinâmicas. Ideal para quem quer começar do jeito certo, entendendo desde JSX e componentes até o uso do useState e useEffect.

Objetivo

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

• Entender como o React funciona
• Criar componentes e usar JSX com segurança
• Trabalhar com props e organizar a UI
• Usar os Hooks fundamentais: useState e useEffect
• Criar interfaces reativas e dinâmicas
• Montar pequenas aplicações funcionais

Publico Alvo

• Iniciantes em React
• Estudantes de tecnologia
• Devs iniciantes querendo entender Hooks
• Pessoas que querem aprender React com foco prático

Pre-Requisitos

• HTML, CSS e JavaScript básico
• Conhecimento inicial de lógica de programação

Conteúdo Programatico

Module 1: Introduction to React

1. What React is and why it’s used
2. SPA concepts
3. Creating and exploring the project
4. Understanding how rendering works

Module 2: JSX Fundamentals

1. JSX syntax
2. Embedding JavaScript expressions
3. Differences between HTML and JSX
4. Rendering elements dynamically

Module 3: Components Essentials

1. Functional components
2. Component structure
3. Reusability and composition
4. Clean component architecture basics

Module 4: Props and Component Communication

1. Passing data through props
2. Static vs dynamic props
3. Parent-child communication
4. Good practices using props

Module 5: Introducing Hooks

1. What Hooks are
2. Rules of Hooks
3. Why Hooks changed React

Module 6: useState Hook

1. Creating and updating state
2. State-driven UI
3. Common mistakes with useState
4. Practical interactive components

Module 7: useEffect Hook

1. Side effects explained simply
2. When useEffect runs
3. Fetching data with useEffect
4. Cleaning up effects

Module 8: Handling Events

1. Click events
2. Passing functions to components
3. Input handling
4. Interactive UI patterns

Module 9: Building a Mini App

1. Planning the interface
2. Using components, props and state
3. Adding simple effects
4. Finishing and testing

Module 10: Next Steps in React

1. What to learn after this course
2. Hooks you’ll meet later (useContext, useRef)
3. Best practices for beginners
4. Preparing for intermediate React