> For the complete documentation index, see [llms.txt](https://workshops-js-montevideo.gitbook.io/react/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://workshops-js-montevideo.gitbook.io/react/creando-elementos-html-con-react.createelement-api.md).
# 2) Creando elementos HTML con React.createElement API
## Creando un elemento HTML sin React
Antes de empezar con react repasemos como haríamos el clásico Hello Word sin react, con vanilla JavaScript.
{% code title="" %}
```markup
```
{% endcode %}
## Creando un elemento HTML con React
Los elementos con react se escriben de forma similar. El cambio principal está en el document.createElement y en las propiedades de este elemento.
Lo primero que necesitamos es importar los scripts de [React y React-Dom](https://reactjs.org/docs/cdn-links.html), con ellos tenemos acceso a la API de react.
{% code title="" %}
```markup
```
{% endcode %}
React.createElement recibe 3 parámetros básicos:
1. El tipo de elemento html
2. Las propiedades del elemento
3. El contenido del elemento
Un elemento creado con react es un object con propiedades, que luego ReactDOM sabe renderizar en el DOM. Para el ejemplo, este sería el object que se crea:
```javascript
{
type: 'div',
props: {
className: 'container',
children: 'Hello world'
}
};
```
Para saber más sobre como funciona React por debajo puedes ingresar aquí:
{% embed url="" %}