## Notes
A React Node is any renderable unit in React:
- string
- number
- null
```javascript
const stringNode = 'Hello, world!';
const numberNode = 123;
const booleanNode = true;
const nullNode = null;
const elementNode = <div>Hello, world!</div>
```
---
A React Element is an immutable object describing what to render, created using JSX or `React.createElement`.
```javascript
const element = <div className="greeting">Hello, world!</div>;
// Using React.createElement
const element = React.createElement(
'div',
{ className: 'greeting' },
'Hello, world!',
);
```
---
A React Component is a function or class that returns React Elements.
```javascript
// function component
function Welcome(props) {
return <h1>Hello, {props.name}</h1>;
}
// class component
class Welcome extends React.Component {
render() {
return <h1>Hello, {this.props.name}</h1>;
}
}
```
## Referencias
- [[UI-UX MOC]]
- [[ReactJS Study MOC]]