JSX (JavaScript XML)

One of the most powerful, distinguishable and often most criticised features of React is JSX, an HTML-like language that can be used to define the markup of React components. This topic collects the best resources that allows you to get more confident and understand all the details of JSX.

2 resources available

React — Dynamic Component Names with JSX

Using components within other components is one of the most common things you will do working with React. What happens when you need a more elegant solution for conditionally rendering these though? This article will explain you how to choose dinamically the component that needs to be rendered. [continue]

Article by Scott Carmichael

A deep dive into children in React

When I first learned React, I thought 'Use props.children and that’s it. I know everything about children' Boy, was I wrong. Because we're working with JavaScript, we can change children. We can send special properties to them, decide if we want them to render or not and generally manipulate them to [continue]

Article by Max Stoiber

What is JSX / How to use JSX / JSX syntax / JSX vs HTML / Props in JSX / Children in JSX / Functions as JSX Children / JSX In Depth / Advantages to use JSX / Using inline CSS in JSX