Contexto Instances

  • Tipo: object
  • Origem: Contexto Nullstack
  • Disponibilidade: client
  • readwrite no contexto do client

Fornece todas as instâncias ativas da aplicação.

💡 Instâncias ativas são as criadas e ainda não terminadas

Conforme explicado em key da instância, keys desempenham um grande papel na definição de um identificador único para componentes.

🔥 Nullstack confia que seus desenvolvedores sabem o que estão fazendo e expõe o máximo de comportamentos internos possíveis para o programador usar como quiser, use com precaução.

Adicionando uma key única ao Counter torna-o disponível na lista instances.

import Nullstack from 'nullstack';
import Counter from './Counter';
import AnyOtherComponent from './AnyOtherComponent';

class Application extends Nullstack {

  render() {
    return (
      <main>
        <Counter key="counter" />
        <AnyOtherComponent/>
      </main>
    )
  }

}

export default Application;
import Nullstack from 'nullstack';

class Counter extends Nullstack {

  value = 0;

  increment() {
    this.value++;
  }

  render() {
    return <p> Contador: {this.value} </p>
  }

}

export default Counter;

Você pode acessar qualquer método e variável de instância da instância counter em AnyOtherComponent

import Nullstack from 'nullstack';

class AnyOtherComponent extends Nullstack {

  render({ instances }) {
    return (
      <button onclick={instances.counter.increment}>
        Add 1 ao {instances.counter.value}
      </button>
    )
  }

}

export default AnyOtherComponent;

O uso de instances libera possibilidades ilimitadas de novos comportamentos como:

  • Um ícone de notificação na navbar que pode ser atualizado de outros componentes em certas ações
  • Um componente de toast que pode ser invocado de qualquer lugar de sua aplicação
  • Um sistema de store com ações customizadas similares ao Redux
  • Algo que nós nem imaginamos, sonhe criativamente e poste suas ideias no GitHub!

Próxima Etapa

⚔ Aprenda sobre a chave environment do contexto.

Próximos passos

➡️ Aprenda sobre Chaves de contexto: Contexto EnvironmentTem alguma pergunta ou sugestão? Participe do nosso Discord