Front-End Developer
Role Profile

Presentational vs container components, compound components, slot composition, higher-order components (HOCs), render props

Atomic design, feature-based folder structure, colocated styles, component contracts (typed props interfaces)

Prop normalization, controlled vs uncontrolled components, shared utility hooks

Debouncing, throttling, event delegation, bubbling vs capturing

Optimistic updates, loading states, error boundaries, retry logic

Client validation, schema validation, controlled inputs, progressive disclosure

Client-side rendering (CSR), server-side rendering (SSR), static site generation (SSG)

Virtual DOM diffing, key optimization, memoization

Island architecture, selective hydration, streaming HTML

Global vs local state boundaries, normalized entity storage, derived/computed state, immutable update patterns

Reducer pattern, action based state transitions, selector abstraction, side effect isolation

Optimistic updates, cache invalidation, background revalidation, request lifecycle tracking

Pagination and cursor pagination, lazy loading, prefetching, parallel vs sequential requests

Stale while revalidate, polling, push subscriptions, conflict resolution

Retry with exponential backoff, timeout handling, request deduplication, partial failure recovery

DTO mapping, domain vs transport models, schema normalization, backward compatibility handling

Runtime validation, compile time typing, versioned API handling, defensive parsing

Non-breaking change rules, deprecation strategy, backward compatible defaults, migration coordination

Minimizing layout reflows, avoiding layout thrashing, batching DOM updates, using requestAnimationFrame for UI work scheduling

GPU-friendly transforms, avoiding expensive paint triggers, layer promotion strategy, reducing paint areas and overdraw

Transform and opacity animations, managing frame budget, preventing synchronous style recalculation during animations

Lazy loading, preloading and prefetching, reducing the critical rendering path, code splitting by route or feature

Responsive images, modern image formats, font loading strategy, resource prioritization to avoid request waterfalls

Caching strategies, HTTP compression, reducing request waterfalls, reducing payload size per request

Preventing memory leaks, cleaning up event listeners, managing reference lifecycles, understanding garbage collection behavior

Memoization, avoiding unnecessary recalculations, choosing efficient data structures, throttling and debouncing expensive work

List virtualization, incremental rendering, scheduling background tasks to reduce main thread blocking

Tree shaking, dead code elimination, dependency deduplication, using modular imports to avoid large packages

Dynamic imports, route-level splitting, isolating vendor chunks, splitting by feature to improve caching

Content compression, minimizing polyfills, targeting modern build outputs, reducing transferred bytes on slow networks

Semantic HTML usage, landmarks and heading structure, accessible forms and labels

ARIA roles and attributes, focus management, keyboard navigation support

Color contrast compliance, reduced motion support, responsive zoom support

Progressive disclosure, clear affordances and feedback states, error prevention and recovery UX

Inline validation, helpful error messaging, input masking and formatting

Funnel analysis driven improvements, A/B testing iteration, UX heuristics application

Satisfaction surveys, behavioral analytics interpretation, cohort analysis

Session replay debugging, rage click detection, drop-off analysis

Hypothesis driven UX iteration, feedback prioritization, data-driven UX refinement

HTTP method semantics, status code handling, content negotiation, streaming vs request-response

CORS handling, preflight requests, credentialed requests, same-origin vs cross-origin constraints

Graceful degradation, fallback endpoints, offline mode behavior, gateway-based retries and timeouts

Token refresh rotation, silent authentication, multi-tab session sync, expiry recovery handling

CSRF protection, XSS-safe token usage, scope enforcement, secure cookie configuration

Role-based rendering, protected route guards, backend scope alignment, conditional UI exposure

Multi-step transaction flows, idempotency keys, retry-safe submissions, partial completion recovery

Upload progress handling, redirect-based flows, callback handlers, event-driven UI updates

Resume interrupted actions, duplicate prevention, compensating UI actions, async job tracking

Unit tests, integration tests, end-to-end tests, smoke tests, contract tests

Dependency mocking, API mocking, test doubles, fixtures, fake timers

Stable selectors, async stabilization, test data seeding, flake prevention

Error boundaries, global error handlers, promise rejection handling, fallback UI

Log levels, correlation IDs, contextual metadata, redaction

Source maps, stack trace symbolication, release tracking, environment tagging

Retries with backoff, request cancellation, timeout handling, circuit breakers

Optimistic updates rollback, cache invalidation, idempotent mutations

Fallback UI states, offline mode, stale-while-revalidate caching

Environment-specific builds, source map configuration, asset hashing, dynamic imports, build output targeting

Lockfile enforcement, version pinning, workspace linking, peer dependency resolution, dependency deduplication

CSS preprocessing pipelines, static asset fingerprinting, font asset handling, build-time environment injection

Parallel job execution, dependency caching, build matrix execution, artifact generation, pipeline staging

Canary deployments, blue-green releases, preview deployments, feature-flagged releases, automated rollback

Branch protection rules, required checks, gated merges, automated preview environments, release tagging

Hot module replacement, fast refresh, local API mocking, sandbox environments, instant rebuild feedback

Pre-commit hooks, automatic formatting, commit linting, static analysis enforcement

Reproducible local environments, runtime version pinning, configuration isolation, local secrets management

User stories, acceptance criteria definition, story point estimation, task decomposition, definition of done

Vertical slicing, MVP delivery, progressive enhancement delivery, feature iteration

Sprint planning participation, backlog refinement, daily standup coordination, demo preparation

Design review, spec clarification, edge-case identification, responsive behavior alignment

Contract discussion, request and response negotiation, error-state handling, loading state definition

Demo walkthroughs, requirement clarification loops, UX feedback incorporation

Peer review, actionable feedback, readability checks, architectural consistency validation

Coding conventions, naming conventions, shared patterns enforcement, lint rule governance

Review explanations, onboarding guidance, pattern education, internal examples

Feature flags, gradual rollout, canary releases, dark launches

Rollback procedures, hotfix workflow, release verification checks

Smoke testing in production, monitoring dashboards review, user impact validation