JSX is a XML-like syntax extension to ECMAScript (the acronym stands for JavaScript XML). Basically it just provides syntactic sugar...

Shortcodes are simple snippets inside your content files calling built-in or custom templates.

Conceptually, components are like JavaScript functions. They accept arbitrary inputs and return React elements describing what should appear on the screen.

React is an open-source front-end JavaScript library that is used for building user interfaces.

Destructing is a way to extract Arrays or objects into a distinct variable.

The spread and rest operators us the same syntax (...) three dots.

Arrow functions are modern JS syntax to declare a function, which is introduced in ES6.

In modern JavaScript projects you can split the code across multiple JavaScript files and its called modules.

In object-oriented programming, a class is an extensible program-code-template for creating objects..