Frontend
Client-side technologies, UI frameworks, and user experience
CSSINTERMEDIATEScreen Sizes & Responsive Breakpoints
Screen sizes cheat sheet with responsive breakpoints, media queries, device dimensions, and mobile-first CSS design patterns.
TypeScriptINTERMEDIATETypeScript
TypeScript cheat sheet covering types, interfaces, generics, utility types, type guards, and advanced type system features with examples.
ReactBEGINNERReact Components & JSX
React components cheat sheet covering JSX syntax, props, conditional rendering, lists, event handling, and composition patterns.
Next.jsINTERMEDIATENext.js
Next.js cheat sheet for App Router, Server Components, Server Actions, data fetching, routing, and caching with code examples.
AngularINTERMEDIATEAngular
Angular cheat sheet covering components, services, RxJS, dependency injection, routing, and TypeScript patterns with code examples.
ReactINTERMEDIATETanStack Query
TanStack Query cheat sheet with useQuery, useMutation, caching strategies, optimistic updates, and server state management examples.
ReactINTERMEDIATEReact Hooks
React Hooks cheat sheet with useState, useEffect, useRef, useContext, and custom hook patterns with practical code examples.
Tailwind CSSINTERMEDIATETailwind CSS
Comprehensive Tailwind CSS v4 reference covering utility classes, dark mode, states, responsive design, colors, layout, typography, customization with @theme, and more.
JavaScriptINTERMEDIATEAsync JavaScript
Async JavaScript cheat sheet covering Promises, async/await, error handling, Promise.all, race conditions, and concurrency patterns.
JavaScriptBEGINNERDOM Manipulation
DOM manipulation cheat sheet with selectors, event handling, element creation, traversal, and vanilla JavaScript code examples.
CSSINTERMEDIATECSS Grid
CSS Grid cheat sheet with grid-template, auto-fit, minmax, named areas, and responsive layout patterns with visual code examples.
CSSINTERMEDIATECSS Flexbox
CSS Flexbox cheat sheet with visual examples for align-items, justify-content, flex-wrap, ordering, and responsive layout patterns.
BootstrapBEGINNERBootstrap 5
Bootstrap 5 cheat sheet covering grid system, utility classes, components, JavaScript plugins, and responsive design with code examples.
HTTPBEGINNERHTTP Methods
HTTP methods cheat sheet covering GET, POST, PUT, PATCH, DELETE with idempotency rules, request body syntax, and REST API examples.
ReactINTERMEDIATETanStack Router
TanStack Router cheat sheet with type-safe routing, file-based routes, data loading, search params, and React code examples.
HTMLBEGINNERHTML
HTML5 cheat sheet covering semantic elements, form controls, media tags, accessibility attributes, and modern markup best practices.
Alpine.jsBEGINNERAlpine.js
Alpine.js cheat sheet with directives, x-data, x-bind, x-on, transitions, and code examples for building lightweight interactive UIs.
CSSINTERMEDIATECSS Animations
CSS animations cheat sheet covering keyframes, transitions, transforms, timing functions, and performance tips with code examples.
ReactINTERMEDIATEReact Router v7
React Router v7 cheat sheet covering Library Mode, Framework Mode, data loading, actions, nested routes, and code examples.
AstroINTERMEDIATEAstro
Astro cheat sheet with islands architecture, component syntax, content collections, routing, and SSG/SSR patterns with code examples.
ReactADVANCEDReact Custom Hooks
React custom hooks cheat sheet with patterns for state management, data fetching, debounce, and reusable logic with code examples.
HTTPBEGINNERHTTP Status Codes
HTTP status codes cheat sheet — complete reference for 1xx through 5xx codes with meanings, use cases, and API response examples.
CSSBEGINNERCSS
Complete CSS fundamentals reference covering selectors, box model, typography, colors, positioning, variables, and modern CSS features
SvelteINTERMEDIATESvelteKit
SvelteKit cheat sheet with routing, load functions, form actions, server-side rendering, and full-stack patterns with code examples.
PlaywrightINTERMEDIATEPlaywright
Complete reference for Playwright — the cross-browser end-to-end testing framework by Microsoft for reliable web automation
SolidJSINTERMEDIATESolidJS
A comprehensive cheat sheet for SolidJS, the reactive JavaScript framework with fine-grained reactivity, signals, stores, and control flow components.