Frontend

Hay un componente en React con un input. Hacemos clic en el botón "Mostrar input" y aparece el input, pero no recibe foco. Necesitamos arreglar esto. Sugiere tantas soluciones como puedas.

¿Qué piensas al respecto? ¿Una buena herramienta, mala?

¿Alguna vez has utilizado styled-components?

¿Es decir, ibas a él, describían los contratos de alguna manera?

¿Qué tipo de datos procesamos en este paso?

Hay un componente con una lista jerárquica de datos en forma de árbol. Necesitas renderizar este árbol: padres e hijos con sangría a la derecha. Implementa el renderizado sin funciones de ocultar/mostrar.

¿Nunca has metido mano en la infraestructura de Kubernetes?

¿Cómo resolver un problema específico con undefined en selectedId ahora mismo, sin reescribir?

¿Cómo se puede resolver el problema con el estado común isOpen para varios nodos? ¿Existe una opción aún más elegante?

¿Y las aplicaciones que se integraban entre sí, estaban ambas en React?

Escribe una función de copia profunda de un objeto en JavaScript puro, sin usar herramientas integradas.

¿Alguna vez has configurado CI/CD o aspectos relacionados con infraestructura?

¿Técnicamente, tú desplegaste el proyecto desde cero y configuraste todo tú mismo?

Aquí, el segundo parámetro de setTimeout suele ser el tiempo de espera, ¿qué número vas a pasar allí?

¿Por qué necesitamos aquí el nivel? Y si lo eliminamos, intentemos quitar +1, entonces en todas partes será 0, ¿verdad?

Ves, hago clic en el ítem 2, lo oculto, y también se cierra el ítem 1. Esto no debería suceder. ¿Puedes explicar por qué pasa esto?

En el componente, describimos una función que devuelve JSX. ¿Por qué esto podría no ser una buena solución?

¿No se ejecuta primero la función toggleInput?

¿Cómo podemos resolver este problema de legibilidad del código?

¿Puedes sugerir más soluciones para enfocar?