0PricingLogin
React Academy · Lesson

JSX Rules: Expressions, Attributes, Fragments

Use JSX expressions with { }, apply camelCase attributes (className, onClick), and return multiple elements via fragments.

What JSX adds

Goal: Master JSX basics—use { } for expressions, apply camelCase attributes, and group siblings with fragments.

Expressions and attributes

Expressions go inside { } and can be variables, function calls, or simple math. Attributes use camelCase like className, htmlFor, onClick.

All lessons in this course

  1. JSX Rules: Expressions, Attributes, Fragments
  2. Lists & Keys; Conditional Rendering
  3. Styling Options: CSS Modules, Inline Styles, Class Helpers
← Back to React Academy