Digite para filtrar os verbetes do Glossário.

    Desenvolvimento web · Vibe Coding: Do Zero ao MVP

    O que é React?

    React é uma biblioteca JavaScript para construir interfaces de usuário. Entenda componentes, estado, atualização da tela e a escolha de unir ao framework.

    Também chamado de: ReactJS, biblioteca de interface React

    O que é o React

    React é uma biblioteca JavaScript para construir interfaces de usuário. A tela é dividida em componentes, e cada um recebe as informações e escolhe o que exibir.

    O React cuida da atualização da interface. Quando o estado muda, a biblioteca recalcula o que precisa ser exibido e atualiza a parte afetada da tela.

    Componentes e estado

    O componente reúne estrutura e comportamento de um pedaço da tela. O estado guarda a informação que muda com o uso, como o valor de um formulário ou a aba aberta.

    A relação com o TypeScript

    O TypeScript adiciona tipos aos componentes e ao estado. A verificação ocorre antes da execução, e um campo esperado por um componente aparece como erro no momento de montar a interface.

    A checagem facilita a manutenção e a revisão com agentes, porque o contrato dos componentes fica explícito no código.

    A escolha do framework

    O React resolve a interface, e o restante vem do framework. Rotas, busca no servidor e dados fazem parte do conjunto que a biblioteca por si só não decide.

    Para revisar componentes e o estado de uma aplicação construída com agentes, o Desenvolvimento Colaborativo da Dev Side Studio permite trabalhar a interface durante a sessão.

    Dúvidas frequentes

    Perguntas frequentes sobre React

    React é um framework?
    Não. É uma biblioteca de interface. Na prática, o React vem junto de ferramentas de rotas, dados e build, e esse conjunto se comporta como um framework.
    O que React resolve no projeto?
    Ele organiza a tela em [componentes](/glossario/frontend/) e mantém o estado que decide o que cada componente mostra. A atualização da tela parte dessa separação.
    React substitui o HTML e o CSS?
    Não. O React define a estrutura em componentes, e o HTML e o [CSS](/glossario/css/) continuam no resultado. A estilização e a marcação final são partes do mesmo trabalho.

    Para continuar

    Recursos relacionados

    Aplicação na formação

    Vibe Coding: Do Zero ao MVP

    O React organiza os componentes e o estado da interface construída no projeto.

    Conhecer a formação
    Capa da Formação Vibe Coding do Zero ao MVP

    Fontes consultadas

    Referências deste verbete

    Este verbete ajudou você?

    Planos Promovaweb

    Tire seus projetos do papel

    O Plano Martech cobre automação e atendimento. O Plano IA Makers acrescenta desenvolvimento com IA, enquanto o Plano Founders trata de gestão de negócios. Todos são anuais.

    Plano Martech

    Para conectar automação, marketing e atendimento com infraestrutura própria.

    R$ 897

    R$ 597/ano

    • Grade de automação, atendimento, marketing e análise de indicadores
    • Instalador Exclusivo Promovaweb
    • n8n, Evolution API, Chatwoot e Mautic
    • Trilha DevOps incluída
    • Encontros ao vivo (terça e quinta)
    • Comunidade e acompanhamento
    Conhecer o plano

    Plano Founders

    Plano anual para fazer um projeto de tecnologia avançar, com 90 dias de mentoria intensiva. R$ 1.997 à vista ou até 10x de R$ 219 no cartão.

    R$ 1.997/ano

    • 12 meses de acesso ao Founders
    • 90 dias de mentoria intensiva, um encontro por dia útil
    • Dia de conteúdo (terça e quinta) e War Room (segunda, quarta e sexta)
    • Encontro semanal em grupo após a fase intensiva
    • Formação Vibe Coding incluída no plano anual
    • Consultoria individual de até duas horas (bônus)
    Conhecer o plano