# Standalone Components (Angular)

> Standalone components, imports, providers, bootstrapping, migración desde NgModules, nueva estructura de aplicación

- 18 preguntas de entrevista
- Mid-Level
- [Preguntas de entrevista: Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista.md)

## 1. ¿Qué es un standalone component en Angular?

**Respuesta**

Un standalone component es un componente Angular que define standalone: true en su decorador @Component. Esto permite al componente gestionar sus propios imports y providers sin necesitar un NgModule. Los standalone components simplifican la arquitectura al eliminar la necesidad de módulos intermedios para organizar las dependencias.

## 2. ¿Cómo declarar un standalone component?

**Respuesta**

Para crear un standalone component, simplemente agrega la propiedad standalone: true en el decorador @Component. Esta simple declaración hace que el componente sea independiente de cualquier NgModule y permite gestionar imports y providers directamente en los metadatos del componente, eliminando la necesidad de declaración externa en un módulo.

## 3. ¿Cómo importar otro componente en un standalone component?

**Respuesta**

En un standalone component, las dependencias (componentes, directivas, pipes) se agregan directamente en el array imports del decorador @Component. Cada componente puede importar otros standalone components, directivas, pipes o incluso NgModules clásicos. Esto elimina la necesidad de NgModules intermedios para gestionar dependencias entre componentes y simplifica la arquitectura.

## 15 preguntas más disponibles

- ¿Qué función usar para bootstrapear una aplicación con un standalone component?
- ¿Cómo configurar providers globales con bootstrapApplication?

Regístrate gratis: https://sharpskill.dev/es/login

## Otros temas de entrevista Angular

- [Conceptos básicos de TypeScript](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/typescript-basics.md): 25 preguntas, Junior
- [TypeScript Avanzado](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/typescript-advanced.md): 20 preguntas, Junior
- [Fundamentos de Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-fundamentals.md): 20 preguntas, Junior
- [Componentes y ciclo de vida](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/components-lifecycle.md): 20 preguntas, Junior
- [Services & Dependency Injection](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/services-dependency-injection.md): 20 preguntas, Junior
- [Organización de Módulos Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/modules-organization.md): 22 preguntas, Mid-Level
- [Angular CLI](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-cli.md): 18 preguntas, Junior
- [Directivas y Pipes](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/directives-pipes.md): 22 preguntas, Mid-Level
- [Routing y Navegación](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/routing-navigation.md): 24 preguntas, Mid-Level
- [Formularios reactivos](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/forms-reactive.md): 26 preguntas, Mid-Level
- [Formularios template-driven](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/forms-template-driven.md): 16 preguntas, Mid-Level
- [Fundamentos de RxJS](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/rxjs-fundamentals.md): 22 preguntas, Mid-Level
- [Operadores RxJS](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/rxjs-operators.md): 24 preguntas, Mid-Level
- [HttpClient y llamadas API](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/http-client.md): 22 preguntas, Mid-Level
- [Gestión de estado básica](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/state-management-basics.md): 20 preguntas, Mid-Level
- [Change Detection](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/change-detection.md): 20 preguntas, Mid-Level
- [Angular Signals](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-signals.md): 20 preguntas, Mid-Level
- [Pruebas unitarias en Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/testing-unit.md): 22 preguntas, Mid-Level
- [Testing End-to-End](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/testing-e2e.md): 18 preguntas, Mid-Level
- [Build y optimización](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/build-optimization.md): 20 preguntas, Mid-Level
- [Fundamentos de NgRx](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/ngrx-fundamentals.md): 24 preguntas, Senior
- [NgRx avanzado](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/ngrx-advanced.md): 24 preguntas, Senior
- [Arquitectura Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-architecture.md): 22 preguntas, Senior
- [Optimización de rendimiento](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/performance-optimization.md): 22 preguntas, Senior
- [Seguridad y buenas prácticas](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/security-best-practices.md): 20 preguntas, Senior
- [Patrones avanzados de RxJS](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/advanced-rxjs-patterns.md): 22 preguntas, Senior
- [Angular Universal y SSR](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/angular-universal-ssr.md): 20 preguntas, Senior
- [Micro-frontends Angular](https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/micro-frontends-angular.md): 20 preguntas, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/es/technologies/angular/preguntas-entrevista/standalone-components