Introducción
- Introducción
- Código fuente e instalación
Nivel básico
- 1 - Decorador @Component
- 2 - Creando un nuevo componente
- 3 - Progress bar component: Estilo del componente (:host)
- 4 - Decorador @Input y property bindings
- 5 - Countdown component: ciclo de vida OnInit
- 6 - Decorador @Output, EventEmitter e event bindings
- 7 - Usando métodos de componentes hijos vía template ref. variable
- 8 - Lifecycle hooks: ngOnChange y ngOnDestroy
Nivel intermedio
- Componentes stateful VS stateless
- Código fuente e instalación
- Componentes presentacionales (stateless)
- Contenedores (componentes stateful)
- Moviendo lógica a un servicio (Single Responsibility Principle)
- Providers a nivel de componente o de módulo
- Observables & Subjects: Emitiendo eventos desde un servicio
- BehaviourSubject & AsyncPipe
- Buenas prácticas - Getters, o como evitar lógica en los templates
- Estrategia de detección de cambios por defecto
- Estrategia de detección de cambios onPush
- Encapsulado de estilos del componente (shadow DOM)
Nivel Avanzado
- Proyección de contenido con ng-content
- ng-content y los projection slots
- ng-content, estrategias Don't Repeat Yourself (DRY)
- Inyección del componente padre
- @ContentChild: accediendo al contenido proyectado
- @ContentChildren & QueryLists: accediendo al contenido proyectado
- @ViewChild: accediendo al componente hijo
- @ViewChildren & QueryLists: accediendo a los hijos
- ElementRef y Native element
- Renderer: Renderizado "platform agnostic"
- ng-container, agrupando elementos sin añadir un wrapper
- ng-template, repitiendo contenido en el DOM
- Creando componentes dinámicos
- Componentes dinámicos: inputs y outputs
- Componentes dinámicos: creación y destrucción
- Notas finales
