Frontend

Cuéntame sobre la tarea más difícil e interesante

¿Cómo evalúa la clasificación en la aplicación — funciona correctamente?

¿Cómo funciona el Event Loop? ¿Qué son las macro tareas y las micro tareas? ¿Qué se considera una micro tarea?

¿Para qué sirve requestIdleCallback?

¿Cómo se estructuró el proceso de desarrollo en su último trabajo? ¿En qué forma llegaban las tareas, cómo se integraban en producción y cuál fue su papel en este proceso?

¿Existía algún formato de análisis del sistema o simplemente se discutían y registraban los puntos verbalmente en la tarea? ¿Había un documento o una página en Confluence con la descripción de lo que se debía hacer?

¿Hubo errores en producción después de todo el proceso?

¿Qué métodos conoces para organizar la ejecución asíncrona en JavaScript?

¿Por qué decidiste cambiar de empresa?

¿En qué casos ha sido necesario usar un flujo legible?

¿Trabajaste con bases de datos en proyectos caseros? ¿Hiciste consultas a las tablas, inserciones?

Cuéntame más sobre la navegación por teclado que implementaste.

import React, { useMemo } from 'react'; import { Button, Table, Tag } from 'antd'; import { useAppDispatch, useAppSelector } from '../hooks/redux'; import { Product } from '../types'; import { deleteProduct } from '../store/productSlice'; const categoryColors: Record<string, string> = { Electronics: 'blue', Accessories: 'green', Tools: 'orange', }; export const ProductList: React.FC = () => { const allProducts = useAppSelector((state) => state.products.items); const products = useMemo(() => [...allProducts], [allProducts]); const dispatch = useAppDispatch(); const handleDelete = (id: string) => { dispatch(deleteProduct(id)); }; const columns = [ { title: 'Name', dataIndex: 'name', key: 'name', }, { title: 'Sales', dataIndex: 'sales', key: 'sales', sorter: (a: Product, b: Product) => a.sales - b.sales, render: (v: number) => v.toLocaleString(), }, { title: 'Category', dataIndex: 'category', key: 'category', render: (category: string) => ( <Tag color={categoryColors[category]}>{category}</Tag> ), }, { title: 'Action', key: 'action', render: (_: any, record: Product) => ( <Button danger onClick={() => handleDelete(record.id)}> Delete </Button> ), }, ]; return <Table dataSource={products} columns={columns} rowKey="id" />; };

¿Cómo te relacionas con el aprendizaje? ¿Cómo dedicas tiempo al desarrollo?

¿Cuál es la diferencia entre Map y Set en JavaScript?

¿Con qué ha trabajado más? ¿Hay alguna área o biblioteca con la que tenga más experiencia que con las demás? Cuéntenos sobre las especificidades de su último lugar de trabajo.

¿Qué tarea no fue fácil al principio, con qué tuviste que luchar?

Resuma: ¿cuáles fueron los tres problemas encontrados y corregidos en la aplicación?

¿Cuál es la diferencia entre Promise.race y Promise.any?

¿Se puede usar una biblioteca para desplazamiento virtual? ¿Cómo implementar la virtualización a través de @tanstack/virtual?