Frontend

Client-side technologies, UI frameworks, and user experience

React logoReactBEGINNER

React Components & JSX

React components cheat sheet covering JSX syntax, props, conditional rendering, lists, event handling, and composition patterns.

12 min
reactjsxcomponents+3 more
TypeScript logoTypeScriptINTERMEDIATE

TypeScript

TypeScript cheat sheet covering types, interfaces, generics, utility types, type guards, and advanced type system features with examples.

12 min
typescripttypesinterfaces+2 more
CSS logoCSSINTERMEDIATE

Screen Sizes & Responsive Breakpoints

Screen sizes cheat sheet with responsive breakpoints, media queries, device dimensions, and mobile-first CSS design patterns.

12 min
responsivebreakpointsmobile-first+4 more
Next.js logoNext.jsINTERMEDIATE

Next.js

Next.js cheat sheet for App Router, Server Components, Server Actions, data fetching, routing, and caching with code examples.

20 min
nextjsreactssr+4 more
React logoReactINTERMEDIATE

React Hooks

React Hooks cheat sheet with useState, useEffect, useRef, useContext, and custom hook patterns with practical code examples.

8 min
reacthooksstate+3 more
React logoReactINTERMEDIATE

TanStack Query

TanStack Query cheat sheet with useQuery, useMutation, caching strategies, optimistic updates, and server state management examples.

10 min
tanstack-queryreact-queryreact+4 more
JavaScript logoJavaScriptINTERMEDIATE

Async JavaScript

Async JavaScript cheat sheet covering Promises, async/await, error handling, Promise.all, race conditions, and concurrency patterns.

8 min
javascriptasyncpromises+2 more
Angular logoAngularINTERMEDIATE

Angular

Angular cheat sheet covering components, services, RxJS, dependency injection, routing, and TypeScript patterns with code examples.

18 min
angulartypescriptrxjs+4 more
Tailwind CSS logoTailwind CSSINTERMEDIATE

Tailwind CSS

Tailwind CSS v4 cheat sheet with utility classes, responsive design, dark mode, custom themes, and component pattern examples.

20 min
tailwindcssutility-classes+4 more
CSS logoCSSINTERMEDIATE

CSS Grid

CSS Grid cheat sheet with grid-template, auto-fit, minmax, named areas, and responsive layout patterns with visual code examples.

5 min
cssgridlayout+1 more
HTML logoHTMLBEGINNER

HTML5 Tags & Elements

HTML5 cheat sheet covering semantic elements, form controls, media tags, accessibility attributes, and modern markup best practices.

8 min
html5semanticforms+4 more
CSS logoCSSINTERMEDIATE

CSS Flexbox

CSS Flexbox cheat sheet with visual examples for align-items, justify-content, flex-wrap, ordering, and responsive layout patterns.

6 min
cssflexboxlayout+1 more
HTTP logoHTTPBEGINNER

HTTP Methods

HTTP methods cheat sheet covering GET, POST, PUT, PATCH, DELETE with idempotency rules, request body syntax, and REST API examples.

12 min
httprestapi+3 more
JavaScript logoJavaScriptBEGINNER

DOM Manipulation

DOM manipulation cheat sheet with selectors, event handling, element creation, traversal, and vanilla JavaScript code examples.

7 min
domjavascripthtml+2 more
React logoReactINTERMEDIATE

TanStack Router

TanStack Router cheat sheet with type-safe routing, file-based routes, data loading, search params, and React code examples.

12 min
tanstackrouterrouting+4 more
Bootstrap logoBootstrapBEGINNER

Bootstrap 5

Bootstrap 5 cheat sheet covering grid system, utility classes, components, JavaScript plugins, and responsive design with code examples.

15 min
bootstrapcssframework+4 more
React logoReactINTERMEDIATE

React Router v7

React Router v7 cheat sheet covering Library Mode, Framework Mode, data loading, actions, nested routes, and code examples.

12 min
react-routerroutingreact+4 more
Alpine.js logoAlpine.jsBEGINNER

Alpine.js

Alpine.js cheat sheet with directives, x-data, x-bind, x-on, transitions, and code examples for building lightweight interactive UIs.

6 min
alpinejsjavascriptfrontend+5 more
CSS logoCSSINTERMEDIATE

CSS Animations

CSS animations cheat sheet covering keyframes, transitions, transforms, timing functions, and performance tips with code examples.

5 min
cssanimationstransitions+2 more
React logoReactADVANCED

React Custom Hooks

React custom hooks cheat sheet with patterns for state management, data fetching, debounce, and reusable logic with code examples.

20 min
reactcustom-hookshooks+5 more
HTTP logoHTTPBEGINNER

HTTP Status Codes

HTTP status codes cheat sheet — complete reference for 1xx through 5xx codes with meanings, use cases, and API response examples.

10 min
httpstatus-codesapi+2 more
Astro logoAstroINTERMEDIATE

Astro

Astro cheat sheet with islands architecture, component syntax, content collections, routing, and SSG/SSR patterns with code examples.

10 min
astrostatic-siteislands+4 more
Svelte logoSvelteINTERMEDIATE

SvelteKit

SvelteKit cheat sheet with routing, load functions, form actions, server-side rendering, and full-stack patterns with code examples.

10 min
sveltekitsveltessr+5 more
SolidJS logoSolidJSINTERMEDIATE

SolidJS

A comprehensive cheat sheet for SolidJS, the reactive JavaScript framework with fine-grained reactivity, signals, stores, and control flow components.

8 min
solidjssolidreactive+5 more
Playwright logoPlaywrightINTERMEDIATE

Playwright

Complete reference for Playwright — the cross-browser end-to-end testing framework by Microsoft for reliable web automation

10 min
playwrighttestinge2e+7 more