Summary and Key Takeaways

• React embraces components: reusable building blocks that are combined to define the final user interface
• Components must return renderable content, typically JSX code which defines the HTML code that should be produced in the end
• React provides a lot of built-in components: besides special components like <>…</> you get components for all standard HTML elements
• To allow React to tell custom components apart from built-in components, custom component names have to start with capital characters, when being used inside of JSX code (typically, PascalCase naming is used therefore)
• JSX is neither HTML nor a standard JavaScript feature, instead it's syntactical sugar provided by build workflows that are part of all React projects
• You could replace JSX code with React.createElement(…) calls; but since this leads to significantly more unreadable code, it's typically avoided.
• When using JSX elements, you...