Entrevista · Arquitectura
Prop drilling
Cuando los props viajan por donde no deben
Prop drilling ocurre cuando un dato pasa por varios componentes intermedios solo para llegar a uno profundo que realmente lo necesita. Los intermediarios no usan el dato — solo lo reenvían.
El problema
Cada componente intermedio recibe un prop que no usa, quedando acoplado a una decisión que no le pertenece. Si el dato cambia de forma, hay que actualizar todos los eslabones de la cadena.
Las soluciones
Context API — para estado global que muchos componentes necesitan (tema, usuario, idioma). Composición — pasar componentes como children en vez de datos, evitando el túnel completamente. Estado externo (Zustand, Redux) — cuando la lógica de estado es compleja.
Tropiezos comunes
- 01Context no es un reemplazo automático del prop drilling — para props que solo pasan 2 niveles, el drilling es más legible.
- 02Poner todo en Context causa re-renders innecesarios en componentes que no usan el dato que cambió.
- 03La composición con children suele resolver prop drilling sin introducir Context ni estado global.
¿Fue útil?
Inicia sesión para dar feedback