#jsx

React Easy Theory

Sign in to star

JSX basics and why JSX exists

JSX is a syntax extension that lets React developers describe UI trees inside JavaScript more readably.

• JSX looks HTML-like
• It is optional but common
• It compiles to React element creation calls

#basics #jsx #react

JSX basics and why JSX exists

Reveal full answer

React Medium Theory

Sign in to star

JSX rules, fragments, expressions, and list rendering

JSX has a few important rules around single roots, expressions, fragments, and rendering arrays of elements.

• Components must return one parent or a fragment
• Expressions work in curly braces
• Statements do not go directly inside JSX

#jsx #react #rendering

JSX rules, fragments, expressions, and list rendering

Reveal full answer