Frontend
İşlem açıklamaları yazarken herhangi bir anlaşma kullandınız mı?
.catch() sonrası .then() zincirlenebilir mi?
Kısa sürelerde bir proje yöneticisiyle etkileşime geçmek zorunda kaldınız mı? Bir şeyi çok hızlı yapmanız gerekiyorsa, ama teknik olarak bu hızlı yapılamıyorsa?
Ön uç/kapalı prensibine frontend geliştirmede bir örnek verin, örneğin render props aracılığıyla.
Bağlam bağlama yöntemlerini biliyor musun?
Arayüz erişilebilirliği konusunda çalıştınız mı? Bu konuda deneyiminiz var mı?
Test yazıyor musunuz ve özellikle hangileri (birim, kritik akışlar vb.)?
React'te useState hakkında bana anlat: bu nedir, nasıl çalışır, senkron mu yoksa asenkron mu bir hook mu?
İ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" />; };
OnPush bileşeninde, users dizisi tıklama ile users.push(newUser) kullanılarak değiştiriliyor. Liste şablonda güncellenecek mi ve onu nasıl garantili bir şekilde güncelleyebilirsiniz?
Yeni bir işte sizin için önemli olan nedir ve geçişi engelleyebilecek şeyler nelerdir?
Üretimde ne sıklıkla bulunuyordunuz ve bu süreçteki rolünüz neydi?
Deneyimin hakkında daha detaylı anlat: Gereksinimleri kendin mi topladın yoksa hazır mı geldi?
#React kayıt formu 1. StateProvider nasıl çalışır, görüşmeciyle düşüncelerinizi paylaşın. 2. /src/api/mock'a bakın, nasıl çalıştığını açıklayın. 3. SubmitButton rengini kontrol edin ve düzeltin. 4. Signup bileşeninde istemci form doğrulamasını uygulayın. (\*) Görev numarası 9'u aklınızda bulundurun. Kurallar: - Kullanıcı Adı, E-posta, Şifre ve Tekrar Şifre alanları en az 6 karakter olmalı; - Şifre, Tekrar Şifre ile eşleşmeli; - Doğrulama "SignUp" düğmesine tıklandığında yapılmalı; - Geçersiz değerlere sahip alanlar işaretlenmeli (error ve helperText props); 6. API yanıtında kullanıcıya gösterilecek bir hata olabilir. 7. Kullanıcı Adı bileşeninin, başarılı gönderimden sonra yeni kullanıcı adını render ettiğinden emin olun. 8. Yeni SignupSuccess bileşenini uygulayın. Bu, kayıt formunun yerine gösterilmeli. 9. Uygun alanlar için sunucu doğrulaması yapın. --- mock.ts dosyasından kod: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `Kullanıcı adı "${userName}" zaten alınmış. Lütfen başka bir tane deneyin.` ) ); } }, 500); }); }, }; export default api; ```
Gelecekte ürün kalitesini artırmak için ne gibi geliştirmeler yapılabilir?
Docker, CI/CD, GitHub Actions, GitLab'ı bahsettiniz — tam olarak ne yaptığınızı, hangi pipeline'lar olduğunu, konteynerlerde ne olduğunu açıklayabilir misiniz?
URL'deki sorgu parametreleri aracılığıyla giriş bilgisi ve şifre iletiminde hangi güvenlik sorunlarını görüyorsunuz?
Neden tokenlar localStorage yerine çerezlerde saklanır? Bu güvenlik teknik olarak nasıl sağlanır?
Rem ile em arasındaki fark nedir?