Frontend

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: 'Nazwa', dataIndex: 'name', key: 'name', }, { title: 'Sprzedaż', dataIndex: 'sales', key: 'sales', sorter: (a: Product, b: Product) => a.sales - b.sales, render: (v: number) => v.toLocaleString(), }, { title: 'Kategoria', dataIndex: 'category', key: 'category', render: (category: string) => ( <Tag color={categoryColors[category]}>{category}</Tag> ), }, { title: 'Akcja', key: 'action', render: (_: any, record: Product) => ( <Button danger onClick={() => handleDelete(record.id)}> Usuń </Button> ), }, ]; return <Table dataSource={products} columns={columns} rowKey="id" />; };

Opisz swoje doświadczenie z NGRX. Jak została zaimplementowana store? Czy użyto efektów i wzorca fasady?

Jak opisałbyś różnicę między Middle a Senior w rozwoju frontend?

Middle

Госуслуги

Co się dzieje z modułem leniwym podczas opuszczania trasy? Co się dzieje z komponentami, dyrektywami, usługami?

Czy istnieje sposób na obsługę formularza bez użycia standardowego submit? Jak wysłać formularz za pomocą JavaScript?

Jak często uczestniczyłeś w produkcji i jaka była Twoja rola w tym procesie?

Opowiedz więcej o swoim doświadczeniu: czy sam zbierałeś wymagania, czy przyszły gotowe?

Czy pracowałeś już z Lighthouse? Wyobraź sobie, że powierzono ci zadanie poprawy metryki FCP (First Contentful Paint). Jakie pomysły przychodzą ci do głowy?

Co się stanie z this w trybie strict i non-strict, jeśli spróbujesz uzyskać dostęp do kontekstu, którego nie ma?

Doświadczenie w pracy z mikrofrontendami?

Middle

АЙ-ТЕКО

Jak monitorowaliście jakość kodu? Czy używaliście linterów, hooków commit?

Czy ten projekt pozostał bez projektu, czy później przyszedł projektant i wszystko przerobił?

Czy były zadania optymalizacji wydajności dużych list? Jak je rozwiązano?

Proszę opowiedzieć o sobie i swoim ostatnim projekcie: nad czym pracowałeś i jakie trudne lub interesujące przypadki napotkałeś?

Jak poprawnie zadać zadanie agentowi AI do refaktoryzacji komponentu legacy?

funkcja debounce(callback, delay) {}

Middle

Simbirsoft

Czy miałeś doświadczenie w rozwiązywaniu problemów z wydajnością na frontendzie? Na przykład zgłoszenie błędu dotyczącego spowolnień, lub sam zauważyłeś problem podczas pracy. Czy możesz podać konkretny przykład, jak to naprawiłeś?

Middle

Госуслуги

Opowiedz mi o dziedziczeniu i kaskadowaniu w CSS: czym są te pojęcia i co obejmują?

Opowiedz o swoich celach, w tym materialnych, na najbliższy rok.

Gdy użytkownik wpisuje google.com w przeglądarce, jakie jest pierwsze żądanie HTTP wysyłane do serwera i jaką metodą?