Realiza una revisión del componente React y corrige los problemas en el código. Explica por qué estás haciendo cambios en cada caso.
Frontend
Para los valores const a = null y const b = 0, determine los resultados de las expresiones con || y ??, y explique la diferencia entre los operadores.
¿Cuál es la diferencia entre unknown y any en TypeScript?
Para una expresión con el operador ||, determine el resultado. ¿En qué se diferencia el operador || del operador ?? y cuándo se activa ??
¿Tenías un monorepositorio o repositorios separados para aplicaciones y bibliotecas compartidas?
¿Cómo prevenir condiciones de carrera al realizar solicitudes asíncronas repetidas desde useEffect? ¿Qué herramientas nativas de JavaScript permiten cancelar solicitudes?
En el segundo fragmento de código React, encuentra y corrige los problemas con useEffect, useMemo, la carga asíncrona de user/roles y el almacenamiento de datos calculados en el estado.
Para una función contador con cierre, donde el mensaje se forma antes de la llamada a incrementar, determine qué se mostrará. ¿Cómo arreglar el código para que se muestre el valor actual del contador?
¿Se necesita useCallback aquí? ¿Para qué se utiliza y cuándo no tiene sentido usarlo?
Cuéntenos cómo estaban organizados sus micro-frontends, su interacción y el funcionamiento general del sistema.
¿Cómo organizaría la aislamiento de estilos para cada micro-frontend, incluso al usar Tailwind CSS? ¿Qué enfoques de navegador para la aislamiento existen?
Si cada micro frontend añade estilos base globales de Tailwind CSS y se duplican, ¿ha tenido ese problema?
Implementa tu propio tipo utilitario Pick<T, K>. Explica cómo funcionan los tipos mapeados y cómo implementar un equivalente de Partial<T>.
Si un objeto se crea usando Object.create([objeto]), ¿a qué apuntará su __proto__?
Si roles se establecen como un array vacío directamente en los parámetros del componente por defecto, ¿qué sucederá con useEffect en cada renderizado? ¿Cómo solucionarlo?
Para un objeto con una función flecha que muestra this.name, determine qué se mostrará y explique el comportamiento de this en una función flecha.
¿En qué se diferencia display: none de opacity: 0 en términos de árbol de renderizado, diseño y espacio ocupado? ¿Cuál opción es más eficiente y por qué?
¿Por qué deberías usar estado en lugar de una variable normal para un valor que afecta la visualización del componente?
Resuelve el problema de TypeScript: hay un tipo Response con campos mutuamente excluyentes payload y error, y sus tipos pueden ser diferentes. Necesitas tipar las funciones payloadFrom(response), que devuelve payload o undefined, y errorFrom(response), que devuelve error o undefined, para que los tipos de retorno se infieran automáticamente del Response de entrada.
¿Qué hace useMemo y cuáles son las consecuencias de usarlo para todos los valores sin necesidad?