Day 1 of 14 30 minComponentsJSXRendering
React is a JavaScript library for building user interfaces out of components. Learn what problem it solves, write your first components with JSX, see how JSX becomes plain JavaScript, and how React renders it to the page.
By the end of today you can
- Explain what React is and the problem it solves
- Write a function component that returns JSX
- Explain what JSX compiles to
- Compose a page out of several components
- Describe how React renders and updates the page
What's inside
- 5 sections
- 3 diagrams and mind maps
- 4 code examples you can run
- 5-question quiz
- 1The idea: describe, don't instruct
- 2Your first component
- 3What JSX really is
- 4Composing components
- 5How React puts it on the page
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