Con el lanzamiento de Angular 4 hace unos meses, ha habido un gran revuelo con respecto a la introducción de características bastante interesantes en angular. Además, la comunidad ha decidido referir los propios marcos como angulares en lugar de agregar una versión al final. De hecho, la comunidad ha anunciado que a partir de ahora, se producirán algunos lanzamientos oportunos en tres fases diferentes:
- Los parches angulares se lanzarán todas las semanas.
- Pocos lanzamientos menores serán seguidos por lanzamientos mayores
- Por fin, habrá un lanzamiento importante cada 6 meses.
Entonces, antes de pasar a los detalles, echemos un vistazo a algunas de las características geniales que se han introducido en angular 4:
Nota: Alternativamente, puede ver el siguiente video que resume los cambios generales en angular 4 en pocos minutos:
- ¿Cuáles son las mejores herramientas para el desarrollo front-end?
- ¿Hay otros creadores de sitios web con la misma funcionalidad de arrastrar y soltar que ofrece Wix?
- Cómo ser un desarrollador web básico a tiempo parcial
- ¿Cómo obtengo simplemente el texto de un elemento y no su HTML interno?
- ¿Necesito saber cómo codificar ampliamente para desarrollar un sitio web?
1. Compatibilidad con versiones anteriores: por lo tanto, la aplicación escrita con Angular 2 también será compatible con Angular 4.
2. TypeScript: la versión de TypeScript se actualiza de 1.8 a 2.1. Esto mejorará la velocidad de ngc (compilador angular) y obtendrá una mejor verificación de tipos en toda su aplicación.
3. Compilador incorporado: Angular 4 viene con el compilador incorporado para informar los errores de plantilla directamente en el IDE. Google enfatiza las mejoras en las herramientas, así como la reducción de la generación de código.
4. Reducción del código: Se han realizado cambios en el código generado por AOT de modo que encontrará una reducción en el tamaño del código generado para los componentes en aproximadamente un 60% en la mayoría de los casos.
5. Paquete de animación: tienen un paquete de animación segregado de @ angular / core como un paquete separado y dedicado. Por lo tanto, si no usa animaciones, este código adicional no terminará en sus paquetes de producción.
6. Mejora * ngIf y * ngFor: se ha introducido la sintaxis de estilo if / else donde puede asignar variables locales, como al desenrollar un observable.
7. Módulos ES planos: los módulos se envían como una versión aplanada que ayuda a sacudir los árboles y reduce el tamaño de los paquetes generados. También acelera el proceso de construcción, la transpilación y la carga en el navegador en ciertos escenarios.
También puede seguir el siguiente video tutorial que lo ayudará a construir una base sólida de Angular 4:
Si prefiere los blogs sobre los videos, le recomendaría que visite el blog en Angular 4 Tutorial que cubre los siguientes temas:
- Evolución de angular
- Diferencias entre AngularJS y Angular
- Características angulares
- Bloques de construcción de angular
- Módulos
- Componentes
- Plantillas
- Metadatos
- El enlace de datos
- Directivas
- Servicios
- Inyección de dependencia
Espero que esta respuesta y los recursos proporcionados le sean útiles. Gracias.