Frameworks

React Cheat Sheet

Print-ready cheat sheet for React, organized for fast lookup, study, and desk-side use

Source
React Documentation (react.dev)
License
MIT
Variants
3 download options
Updated
2026-03-27

Sample

What's in this cheat sheet

Expressions & Attributes

const name = "Alice";
const el = <h1>Hello, {name}!</h1>;
const img = <img src={url} alt="photo" />;

JSX Rules

{expression}Embed any JS expression
classNameUse instead of `class`
htmlForUse instead of `for`
style={{color: 'red'}}Inline styles as object
<Component />Self-closing tags required
<> ... </>Fragment (no extra DOM node)

Download the full cheat sheet for all sections, formatted for print

Download PDF

Downloads

Choose the treatment that matches how you read

Text formats

Copy or download as plain text

Download Markdown

Best for copying commands, snippets, and config into notes, prompts, or docs

Download Markdown

Preview

The web preview is for quick browsing. The PDF remains the authoritative print artifact

Open in Browser