EmberJS - Conceptos básicos

Ember.js tiene los siguientes conceptos básicos:

  • Router
  • Templates
  • Models
  • Components

Controladores de enrutadores y rutas

La URL carga la aplicación ingresando la URL en la barra de direcciones y el usuario hará clic en un enlace dentro de la aplicación. Ember usa el enrutador para asignar la URL a un controlador de ruta. El enrutador hace coincidir la URL existente con la ruta que luego se utiliza para cargar datos, mostrar las plantillas y configurar un estado de la aplicación.

El controlador de ruta realiza las siguientes acciones:

  • Proporciona la plantilla.

  • Define el modelo que será accesible a la plantilla.

  • Si no hay permiso para que el usuario visite una parte particular de la aplicación, el enrutador lo redireccionará a una nueva ruta.

Plantillas

Las plantillas son una interfaz de usuario poderosa para los usuarios finales. La plantilla Ember proporciona el aspecto de la interfaz de usuario de una aplicación que utiliza la sintaxis de las plantillas de Handlebars . Construye la aplicación front-end, que es como el HTML normal. También admite la expresión regular y actualiza dinámicamente la expresión.

Modelo

Los controladores de ruta representan el modelo que conserva la información en el servidor web. Manipula los datos almacenados en la base de datos. El modelo es la clase simple que amplía la funcionalidad de Ember Data. Ember Data es una biblioteca que está estrechamente acoplada con Ember.js para manipular los datos almacenados en la base de datos.

Componentes

El componente controla el comportamiento de la interfaz de usuario, que incluye dos partes:

  • una plantilla que está escrita en JavaScript

  • un archivo de origen escrito en JavaScript que proporciona el comportamiento de los componentes.