Day 2 of 14 30 minExpressionsConditionalsLists & keys
Master the rules of JSX. Embed expressions, set attributes and inline styles, show things conditionally, render lists with keys, and learn the small differences from HTML that trip everyone up.
By the end of today you can
- Embed JavaScript expressions in JSX with curly braces
- Use JSX attributes, className and inline style objects
- Render content conditionally with &&, the ternary operator and early returns
- Render lists with map and explain why keys matter
- Avoid the common JSX-versus-HTML mistakes
What's inside
- 5 sections
- 3 diagrams and mind maps
- 5 code examples you can run
- 5-question quiz
- 1Expressions in braces
- 2Attributes: the differences from HTML
- 3Conditional rendering
- 4Rendering lists
- 5Common mistakes
Sign in free to read this lesson
Get the full lesson with diagrams, runnable code and the quiz. Your progress is saved across devices.
Sign in free