EmberJS - Conceitos Básicos

Ember.js tem os seguintes conceitos principais -

  • Router
  • Templates
  • Models
  • Components

Roteador e manipuladores de rota

O URL carrega o aplicativo inserindo o URL na barra de endereço e o usuário clica em um link dentro do aplicativo. O Ember usa o roteador para mapear o URL para um manipulador de rota. O roteador combina a URL existente com a rota que é então usada para carregar dados, exibir os modelos e configurar um estado do aplicativo.

O manipulador de rota executa as seguintes ações -

  • Ele fornece o modelo.

  • Ele define o modelo que estará acessível ao modelo.

  • Se não houver permissão para o usuário visitar uma parte específica do aplicativo, o roteador irá redirecionar para uma nova rota.

Modelos

Os modelos são uma interface de usuário poderosa para os usuários finais. O modelo Ember fornece a aparência da interface do usuário de um aplicativo que usa a sintaxe dos modelos Handlebars . Ele constrói o aplicativo front-end, que é como o HTML normal. Ele também suporta a expressão regular e atualiza dinamicamente a expressão.

Modelo

Os manipuladores de rota renderizam o modelo que persiste com informações para o servidor da web. Ele manipula os dados armazenados no banco de dados. O modelo é a classe simples que estende a funcionalidade do Ember Data. O Ember Data é uma biblioteca fortemente acoplada ao Ember.js para manipular os dados armazenados no banco de dados.

Componentes

O componente controla o comportamento da interface do usuário, que inclui duas partes -

  • um modelo que é escrito em JavaScript

  • um arquivo de origem que é escrito em JavaScript que fornece o comportamento dos componentes.