frontend
Practical resources about frontend for software engineers.
63 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.
Suspense Boundary: Declarative Loading States with React
How to use React Suspense boundaries for declarative loading states. Covers data fetching,...
Accessibility Audit Checklist
A WCAG 2.2 compliance checklist covering perceivable, operable, understandable, and robust criteria...
Component API Documentation Template
A template for documenting UI component APIs: props, events, slots, methods, accessibility, and...
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: the four POUR principles, ARIA, keyboard navigation,...
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 CSS layout: Grid vs Flexbox, template areas, subgrid, container queries, logical properties...
Complete Guide to Mobile Responsive Design
Build layouts that work on every screen. Mobile-first breakpoints, Grid, Flexbox, container...
Complete Guide to React 19 Features
A practical walkthrough of React 19: server components, the use() hook, actions, ref as a prop,...
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
A deep dive into React Server Components: the RSC payload, server-client boundaries, data loading,...
React State Management: Zustand, Jotai, TanStack Query
How to choose and combine React state management tools: Context API, Zustand, Jotai, and TanStack...
TypeScript Advanced Types: The Complete Guide
TypeScript advanced types in depth: conditional types, infer, mapped types, template literals,...
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...
Content Security Policy: CSP Headers, Nonces, Hashes
Deploy Content Security Policy without breaking your site: directives, nonces, hashes,...
CORS Security: Origins, Headers, Preflight, Credentials
How CORS actually works: same-origin policy, preflight requests, CORS headers, credential handling,...
No results found.