Antes del lanzamiento final de Angular 2 en septiembre pasado, escribir aplicaciones de Angular 2 fue un paseo salvaje ya que a menudo se introducían cambios de última hora en cada versión beta y candidata. Con su lanzamiento final, sin embargo, el equipo de Angular introdujo algunas nuevas características que hacen que Angular 2 sea un poco más fácil de trabajar, incluyendo el uso de versiones semánticas y módulos angulares (o NgModules), ambos recientemente añadidos a nuestro curso de Angular 2. Así que hoy, vamos a hablar de esto último.
Módulos angulares
Según la documentación de Per Angular, los Módulos Angulares ayudan a organizar una aplicación en bloques cohesivos de funcionalidad. Lo que esto significa es que si hay algún individuo o grupo de componentes y servicios que operan juntos, todos deben pertenecer al mismo módulo.
Por ejemplo, pretendamos que estamos construyendo una versión Angular 2 de la función de tabulación de Bootstrap:
Cuando otros desarrolladores usen este componente de pestañas que hemos escrito, el código que escriban se verá como el siguiente:
Como pueden ver arriba, para implementar esta característica, creamos dos componentes: Tabset y Tab. Dado que estos dos componentes funcionan juntos, sería una buena idea que ambos pertenecieran al mismo módulo llamado TabsModule. En caso de que necesitáramos introducir un servicio adicional para que nuestro componente Tabs funcionara mejor, este servicio también viviría en nuestro TabsModule.
Entonces, si otros usuarios quieren aprovechar los componentes que hemos creado, podrían incluir el TabsModule en sus proyectos y añadir su referencia a la matriz de importaciones de su módulo.
Y eso no es todo: Bajo el capó, Angular Modules incluye la funcionalidad de permitir la carga lenta de los módulos angulares, de modo que la carga inicial de nuestra aplicación se mantiene rápida y ligera, y los módulos se incluyen según las necesidades a medida que se cambian las rutas, etc.
Empieza hoy
Si has estado buscando una razón para aprender Angular 2, no busques más. Empieza a aprender hoy con nuestro nuevo curso actualizado de Angular 2, Acelerando a través de Angular 2. Y después de tomar el curso, obsérvanos construir una aplicación de Angular 2 mientras exploramos algunas de las características del marco, como el enrutador, el CLI Angular, la Extensión del Navegador Augury, ¡y más!
Para saber más sobre los pros y los contras de Angular, así como otras características, consejos y trucos, mira nuestro post Angular 101.
Contenidos