Frontend
Welke utility-types van TypeScript gebruik je in je werk? Vertel over Record, Pick, Omit, Partial, Required, Parameters, Exclude, Extract.
Hoe worden recursieve algoritmen gekenmerkt qua prestaties?
Vertel over je huidige project en de redenen waarom je op zoek bent naar een nieuwe baan
Wat kiezen: merge of rebase in Git? Wat is het verschil en wanneer rebase gebruiken?
Waarom is Next.js niet gekozen voor het e-commerce project?
Hoe sta je tegenover kunstmatige intelligentie en hoe gebruik je het in je werk?
Wat bedoel je met code splitting?
Welke toegangen zijn nodig voordat je de repository kloont?
Vertel kort iets over uzelf en je werkervaring.
Noem de statische methoden van Promise en leg uit wat een belofte is.
Waarom vereist React dat hooks worden aangeroepen vóór de return, en niet erna?
Wat is het verschil tussen display: none, visibility: hidden en opacity: 0?
Wat zijn validators in reactieve formulieren? Wat accepteren ze en wat retourneren ze?
Vertel over jezelf als frontend-ontwikkelaar: waar heb je aan gewerkt, wat was je ervaring — commercieel of educatief?
Welke architectuur werd gebruikt in het project? Heeft u ervaring met microservices?
Kun je iets vertellen over de functionaliteit van het administratieve portaal voor passagiersserviceagents op luchthavens?
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" />; };
Beschrijf je ervaring met NGRX. Hoe was de store geïmplementeerd? Werden effecten en het façade-patroon gebruikt?
Hoe zou je het verschil tussen Middle en Senior in frontend-ontwikkeling beschrijven?
Wat gebeurt er met de lazy module bij het verlaten van de route? Wat gebeurt er met componenten, directives, services?