Repolode
Enviar
mobxjs

mobxjs/mobx

Gerenciamento de estado simples e escalável para apps JavaScript e TypeScript, com rastreamento automático de dependências e renderização otimizada.

Ver no GitHubSite
Estrelas
28,218
Forks
1,810
Issues abertas
18
Último commit
há 22 horas

O que é?

MobX é uma biblioteca de gerenciamento de estado para JavaScript e TypeScript. Você marca os dados como observáveis e faz atribuições comuns para alterá-los; em tempo de execução, MobX rastreia quais computações e componentes de UI leem cada valor e executa novamente apenas os afetados por uma alteração.

O estado pode ser modelado como classes ou objetos simples usando makeAutoObservable, e os valores derivados são calculados automaticamente a partir do estado observável. Componentes envolvidos por observer, como componentes React via mobx-react-lite, são renderizados novamente apenas quando os campos específicos que leem são atualizados. Por isso, em geral, não é necessário usar memoização manual nem seletores.

Como MobX não está vinculado a nenhum framework de UI, a lógica de estado pode ficar fora dos componentes e ser testada isoladamente. A documentação do projeto está hospedada em mobx.js.org.

Recursos principais

  • 01Rastreia automaticamente, em tempo de execução, qual estado cada computação ou componente lê.
  • 02Permite atualizar o estado com atribuições comuns de JavaScript, inclusive em código assíncrono.
  • 03Deriva valores computados a partir do estado observável sem configuração manual.
  • 04Renderiza novamente componentes React apenas quando os campos que eles usam mudam, via observer.
  • 05Funciona independentemente de qualquer framework de UI, permitindo testar o estado isoladamente.

Casos de uso

  • Gerenciar o estado compartilhado de uma aplicação em um front-end React com o mínimo de código boilerplate.
  • Criar estados de UI que precisam ser atualizados com precisão quando campos específicos mudam.
  • Manter a lógica de negócio em classes simples, desacopladas da camada de visualização e fáceis de testar com testes unitários.

Início rápido

  1. 1

    Leia a documentação em mobx.js.org

  2. 2

    Instale o pacote mobx pelo npm

    npm install mobx

Em coleções

Frameworks frontend e componentes de interface

Tópicos

#state-management#reactive-programming#javascript#typescript#react#frontend#mobx

Perguntas frequentes

O que é mobx?
Gerenciamento de estado simples e escalável para apps JavaScript e TypeScript, com rastreamento automático de dependências e renderização otimizada. MobX é uma biblioteca de gerenciamento de estado para JavaScript e TypeScript. Você marca os dados como observáveis e faz atribuições comuns para alterá-los; em tempo de execução, MobX rastreia quais computações e componentes de UI leem cada valor e executa novamente apenas os afetados por uma alteração.
mobx é gratuito? Qual é a licença?
mobx é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
mobx ainda é mantido?
Manutenção ativa. O último commit de mobx foi em 6 de nov. de 2026.
Para que posso usar mobx?
Gerenciar o estado compartilhado de uma aplicação em um front-end React com o mínimo de código boilerplate. Criar estados de UI que precisam ser atualizados com precisão quando campos específicos mudam. Manter a lógica de negócio em classes simples, desacopladas da camada de visualização e fáceis de testar com testes unitários.
Como instalar mobx?
Leia a documentação em mobx.js.org Instale o pacote mobx pelo npm: npm install mobx
Onde consigo mobx?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/mobxjs/mobx

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados