Frontend
¿En qué plazo están listos para comenzar a trabajar?
¿Por qué en React no se puede cambiar el estado directamente? Por ejemplo, state.count = 5.
// Crear un tipo que contenga los mismos campos que Delivery, // pero todos los campos sean opcionales (puedan tener el valor undefined) y no puedan cambiar sus valores.
Cuéntenos sobre el uso de NX en el proyecto y por qué fue elegido
Cuéntenos sobre la diferencia fundamental entre Angular como marco y React como biblioteca.
¿Qué enfoque utiliza React: imperativo o declarativo? ¿Cuál es la diferencia?
¿Cómo funciona la desestructuración de valores reactivos en Vue y cómo mantener la reactividad al desestructurar?
Cuéntame sobre tu experiencia laboral: en qué equipos has trabajado, qué puestos has ocupado, qué casos estuvieron relacionados con el diseño de arquitecturas y la toma de decisiones técnicas?
Cuéntenos sobre su experiencia en revisiones de código. ¿En qué aspectos se fijaba? ¿Cuáles son los errores más comunes que encontró?
¿Cómo se puede resolver la tarea conTimeout de manera alternativa a través de Promise.race? ¿Qué es Promise.race, en qué se diferencia de Promise.all?
¿Qué son los ataques XSS?
¿Para qué sirven los portales en React?
Conocimiento de bases de datos y trabajo con API
¿Qué es la reconciliación en React?
Habla sobre Promise: estados, métodos estáticos (all, allSettled, any, race).
Obtener datos sobre libros y sus autores. Mostrar los datos en una lista paginada de 10 libros por página en formato: <título del libro> - <autor> api: [enlace] especificación: [enlace] si no se abre swagger, en la raíz sber-c55-books-mock-1.0.1-oas3.1-resolved.yaml const PAGE_SIZE = 10; export default function App() { const [books, setBooks] = useState([]) const [page, setPage] = useState(1); const [loading, setLoading] = useState(false) useEffect(() => { setLoading(true); fetch('[enlace]') .then((res) => res.json()) .then((data) => { setBooks(data); setLoading(false); }) .catch(() => setLoading(false)); }, [page]); const totalPage = Math.ceil(books.length / PAGE_SIZE); const start = (page - 1) * PAGE_SIZE; const currentBooks = books.slice(start, start + PAGE_SIZE); return ( <div className="App"> {loading && <p>Cargando...</p>} <ul> {currentBooks.map((book, index) => ( <li key={index}>{book.title} - {book.author}</li> ))} </ul> <div> <button disabled={page === 1} onClick={() => setPage(page - 1)}> Anterior </button> <button disabled={page === totalPage} onClick={() => setPage(page + 1)}> Siguiente </button> </div> </div> ); } Corrige errores y implementa la visualización de una lista paginada de libros con autores.
¿Qué te interesa más hacer: mejorar proyectos existentes, desarrollar nuevas funciones, interactuar con el backend o trabajar en la optimización?
Explica cómo funciona el Event Loop: qué son las microtareas, las macro tareas y cómo se priorizan.
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.
¿Cómo funcionará la replicación de la base de datos (maestro-esclavo)? ¿Cómo dirigirá el balanceador de carga las solicitudes a diferentes servidores con diferentes bases de datos?