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: 'სახელი', dataIndex: 'name', key: 'name', }, { title: 'გაყიდვები', dataIndex: 'sales', key: 'sales', sorter: (a: Product, b: Product) => a.sales - b.sales, render: (v: number) => v.toLocaleString(), }, { title: 'კატეგორია', dataIndex: 'category', key: 'category', render: (category: string) => ( <Tag color={categoryColors[category]}>{category}</Tag> ), }, { title: 'მოქმედება', key: 'action', render: (_: any, record: Product) => ( <Button danger onClick={() => handleDelete(record.id)}> წაშლა </Button> ), }, ]; return <Table dataSource={products} columns={columns} rowKey="id" />; };

როგორ გამოიყურებოდა ტექნიკურად SQL-ის მოთხოვნების შესრულება კოდში — პირდაპირი SQL მოთხოვნები წერდნენ თუ გამოიყენებდნენ შუამავლობის ბიბლიოთეკას (ORM)?

NGRX-თან მუშაობის გამოცდილებას აღწერეთ. როგორ განხორციელდა store? გამოიყენეს ეფექტები და ფასადის პატერნი?

როგორ აღწერდი Middle და Senior შორის განსხვავებას ფრონტენდ განვითარების სფეროში?

Middle

Госуслуги

რა ხდება ლიზის მოდულთან გზიდან გასვლისას? რა ხდება კომპონენტებთან, დირექტივებთან, სერვისებთან?

არსებობს თუ არა გზა ფორმის დამუშავებისთვის სტანდარტული გაგზავნის გარეშე? როგორ გავაგზავნოთ ფორმა JavaScript-ის გამოყენებით?

გთხოვთ, უფრო დეტალურად ისაუბროთ თქვენს გამოცდილებაზე: თქვენ თვითონ შეგროვეთ მოთხოვნები თუ ისინი მზად იყო?

ლაითჰაუსთან მუშაობდი ოდესმე? წარმოიდგინე, რომ გიწესებენ FCP (First Contentful Paint) მეტრიკის გაუმჯობესებას. რა იდეები გიჩნდება თავში?

რა მოხდება this-თან strict და non-strict რეჟიმებში, თუ სცადეთ მიუწვდომელი კონტექსტის წვდომა?

როგორ აკონტროლებდით კოდის ხარისხს? გამოიყენებოდათ ლინტერები, commit-huk-ები?

ამ პროექტმა დიზაინი არ მიიღო თუ მოგვიანებით დიზაინერი მოვიდა და ყველაფერი გადაკეთდა?

რა განსხვავებაა rem და em შორის?

ფრონტენდზე მუშაობის ეფექტიანობის პრობლემების გადაჭრაში გაქვს გამოცდილება? მაგალითად, გარჩევის შესახებ ბაგ-რეპორტი ან შენ თვითონ შენიშნა პრობლემა სამუშაო პროცესში. შეგიძლია მიაწოდო კონკრეტული მაგალითი, როგორ გადაჭრა ეს?

Middle

Госуслуги

გააზიარეთ თქვენი მიზნები, მათ შორის მატერიალურიც, მომავალი წლისთვის.

გთხოვთ, უფრო დეტალურად ისაუბროთ გვერდების სწრაფი მიწოდებისთვის კეშირებაზე. მეორე ინტერფეისზე (საველე ეკრანზე) მაგალითი მიაწოდეთ.

Middle+

Okko

გთხოვთ, აღწეროთ რთული დავალება, რომელიც თქვენ რედაქტორში გადაჭარით.

რა აკეთებს preventDefault და მიეცით მაგალითი?

თქვითი საიტების ოპტიმიზაციით გქონდათ საქმე იმ სიტუაციებში, როდესაც მომხმარებელი ამბობს, რომ საიტი დიდ დროს იღებს? რა ინსტრუმენტებს იყენებდით?

რა განსხვავებაა defer და async ატრიბუტებს შორის script ტეგში?

რა იწვევს React-ში კომპონენტების ხელახლა გადახედვას?