React para Iniciantes é uma introdução em nove laboratórios à criação de interfaces com componentes funcionais. A partir de um projeto Vite, você editará JSX, combinará componentes, passará dados, gerenciará estado local e adicionará botões, listas dinâmicas, conteúdo condicional e formulários.
Cada laboratório guiado foca um conceito. Você inicia o servidor, vê mudanças no navegador integrado e faz pequenas alterações para compreender o fluxo baseado em componentes.
O que você aprenderá
- Explorar um projeto Vite React, instalar dependências e executar o servidor
- Criar, exportar, importar e combinar componentes funcionais
- Escrever JSX com expressões, atributos, elementos autoencerrados e fragmentos
- Passar valores de pais para filhos com props, desestruturação e padrões
- Gerenciar estado local e atualizações com o Hook
useState - Associar eventos, inspecionar seus objetos e impedir ações padrão do navegador
- Renderizar condicionalmente com ternários, operadores lógicos, variáveis e estado
- Mapear arrays para elementos com key e criar entradas controladas e envio de formulários
Para quem é este curso
O curso é para iniciantes em React que já entendem JavaScript básico e querem aprender componentes funcionais com orientação. Também serve a iniciantes frontend que desejam conectar JSX, props, estado e eventos antes de criar uma aplicação maior.
Pré-requisitos: Recomenda-se JavaScript básico: funções, variáveis, arrays, objetos, imports e map. Conhecer elementos e atributos HTML ajuda. Não é necessária experiência com React ou Vite.
Ambiente de aprendizagem: Os nove laboratórios usam um WebIDE React Ubuntu 22.04 com Node.js, npm, editor, terminal e prévia Web 8080. Cada um usa Vite React; você inicia o servidor e observa atualizações por hot module replacement.
Perguntas frequentes
Vou construir uma aplicação React completa?
Não. Você criará exemplos focados: componentes, contador, vistas condicionais, listas e formulário controlado. O curso ensina a mecânica principal, mas não inclui uma aplicação final cumulativa.
Usa componentes funcionais ou de classe?
Usa componentes funcionais e o Hook useState. Componentes de classe e seus ciclos de vida não são abordados.
Cobre roteamento, APIs ou Hooks avançados?
Não. React Router, busca de dados, useEffect, Context, Hooks personalizados, TypeScript, testes, bibliotecas de estado e implantação ficam fora do escopo.
Preciso instalar React no meu computador?
Não. Cada laboratório prepara um projeto Vite React no WebIDE. npm e o servidor são usados no ambiente fornecido; nenhuma configuração local é necessária.
