Frontend

Como avalia a ordenação na aplicação — ela funciona corretamente?

Como funciona o Event Loop? O que são macro tarefas e micro tarefas? O que pertence às micro tarefas?

Houve alguma vez que não cumpriu o prazo? Como percebeu com antecedência que não ia conseguir e quando informou sobre isso?

Para que serve o requestIdleCallback?

Havia algum formato de análise do sistema ou apenas discutiam e anotavam os pontos na tarefa? Havia um documento ou uma página no Confluence com a descrição do que precisava ser feito?

Como foi estruturado o processo de desenvolvimento no seu último emprego? De que forma chegavam as tarefas, como eram colocadas em produção e qual foi o seu papel nesse processo?

Houve bugs em produção após todo o processo?

Que métodos conhece para organizar a execução assíncrona em JavaScript?

Por que decidiu mudar de empresa?

Trabalhou com bases de dados em projetos domésticos? Fez consultas às tabelas, inserções?

Como você encara o aprendizado? Como dedica tempo ao desenvolvimento?

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" />; };

É possível usar uma biblioteca para scroll virtual? Como implementar a virtualização através do @tanstack/virtual?

Qual é a diferença entre Promise.race e Promise.any?

Com o que trabalhou mais? Existe alguma área ou biblioteca com a qual tenha mais experiência do que com as outras? Conte-nos sobre as especificidades do seu último local de trabalho.

Há um código com IIFE que retorna um objeto com um campo value e um método setValue. O que será exibido no console após chamar setValue(2) e acessar o campo value? O que deve ser corrigido para que seja exibido o número dois?

Usa o método de varredura rápida de opções ao resolver tarefas desconhecidas?

Qual é a diferença entre Map e Set em JavaScript?

Qual foi a tarefa que não foi fácil de início, com o que precisaste de te esforçar?

Resuma: quais foram os três problemas encontrados e corrigidos na aplicação?