Frontend
İşinizde hangi TypeScript yardımcı tiplerini kullanıyorsunuz? Record, Pick, Omit, Partial, Required, Parameters, Exclude, Extract hakkında konuş.
Bind kullanarak, bağlamın 14. satırda değişmeden nasıl kaybolmamasını sağlayabilirsiniz?
Yinelenen algoritmalar performans açısından nasıl karakterize edilir?
Mevcut projeniz ve yeni iş arama nedenleriniz hakkında bilgi verin
Bizimle ilgili hangi sorularınız var? Bu pozisyondan ne bekliyorsunuz?
E-ticaret projesi için neden Next.js seçilmedi?
Yapay zekaya nasıl yaklaşıyorsunuz ve işinizde nasıl kullanıyorsunuz?
Code splitting ile ne demek istiyorsun?
.catch() sonrası .then() zincirlenebilir mi?
React neden hook'ların return'dan önce çağrılmasını, sonra değil?
Reaktif formlarda doğrulayıcılar nedir? Ne alır ve ne dönerler?
Canvas nedir, nasıl çalışır ve ön uçta çalışırken hangi zorluklar ortaya çıkar?
Bir frontend geliştiricisi olarak kendinden bahset: ne üzerinde çalıştın, deneyimin nedir — ticari mi yoksa eğitimsel mi?
RxJS akışlarından ne zaman çıkış yapılmalı ve Angular'da hangi çıkış yöntemlerini biliyorsunuz?
Bir görevle ilgili ekip veya yönetim kararını beğenmediğin durumlar oldu mu?
Projede hangi mimari kullanıldı? Mikroservisler konusunda deneyiminiz var mı?
Havaalanlarındaki yolcu hizmetleri ajanları için yönetim portalının işlevselliği hakkında biraz bahsedebilir misin?
Pinia nedir ve ne için kullanılır?
İtalya'da kalıcı olarak mı yaşıyorsunuz? Ne kadar süredir?
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" />; };