frontend
Practical resources about frontend for software engineers.
65 results
Building Fast and Accessible User Interfaces
Frontend development is more than component libraries. Performance budgets, accessibility compliance, state management, and progressive enhancement determine whether users stay or leave.
This topic covers patterns for web components, state management strategies, accessibility audits with WCAG, and performance optimization techniques. Resources include both framework-agnostic principles and specific implementations for modern stacks.
State Machine UI: Finite State Machines for UI
How to model UI state transitions with finite state machines in React. Covers XState, statecharts,...
Suspense Boundary: Declarative Loading States with React
How to use React Suspense boundaries for declarative loading states. Covers data fetching,...
Frontend Performance Budget Template
A template for defining JS, CSS, image, and font budgets per route — with a method for picking the...
Core Web Vitals Audit Checklist
Checklist for auditing Core Web Vitals per page: LCP optimization steps, INP interaction tuning,...
Performance Budget Template
Template for defining and enforcing web performance budgets: LCP, INP, CLS targets, resource...
Feature Flags: Progressive Release and Safe Experimentation
A practical guide to feature flags: implementation patterns, progressive rollouts, kill switches,...
WCAG 2.2 Accessibility: A Developer Guide
A practical guide to WCAG 2.2 compliance: perceivable, operable, understandable, and reliable...
Complete Guide to Web Accessibility: WCAG 2.2 Compliance
Master web accessibility with WCAG 2.2: ARIA roles, keyboard navigation, screen reader support,...
Bundle Size Optimization: A Practical Frontend Guide
A hands-on guide to measuring and reducing JavaScript bundle size with tree shaking, code...
Complete Guide to CSS Grid and Flexbox
Master modern CSS layout with Grid and Flexbox. Covers grid templates, areas, subgrid, responsive...
CSS Modern Layout: Grid, Flexbox, Container Queries
Master modern CSS layout: CSS Grid, Flexbox, container queries, subgrid, logical properties, and...
Complete Guide to Mobile Responsive Design
Build responsive layouts that work on every device. Covers CSS Grid, Flexbox, container queries,...
Complete Guide to React 19 Features
Master React 19 features. Covers server components, use() hook, actions, form actions,...
Complete Guide to React Performance Optimization
Optimize React apps for speed. Covers memoization, virtualization, code splitting, bundle analysis,...
Complete Guide to React Server Components: RSC Architecture
Master React Server Components: RSC architecture, data loading, streaming, server actions, and...
React State Management: Context, Zustand, TanStack Query
Master React state management: Context API, Zustand, Jotai, and TanStack Query for server state....
Complete Guide to TypeScript Advanced Types
Master TypeScript advanced types: conditional types, mapped types, template literal types, infer,...
Complete Guide to Web Performance and Core Web Vitals
Optimize Core Web Vitals. Covers LCP, INP, CLS measurement and improvement, image optimization,...
Progressive Web Apps (PWA) — Complete Guide
A thorough guide to building Progressive Web Apps: service workers, offline support, Web App...
Web Components — Custom Elements, Shadow DOM & Templates
A practical guide to Web Components: creating reusable custom elements, encapsulating styles with...
No results found.