# How to create a component instance dynamically?
To create, and then, add a component instance dynamically you should:
1. Add the dependency of the desired component to the `rootDependencies`
2. Create the component using the document API method `createElement()`
3. Append the component to the Cubbles container (by default the `body`, otherwise the element having the `cubx-core-crc` attribute)
The code below presents this process for adding a new `cubx-textarea` to an existing app:
```markup
...
...
```
You may also be interested in defining inits and connections for the component before appending it to the DOM. Check the [The Cubbles Tag API](https://cubbles.gitbook.io/docs/runtime-extension-rte/user-guide/cubbles-tag-api) and the [The Cubbles Javascript API](https://cubbles.gitbook.io/docs/runtime-extension-rte/user-guide/cubbles-js-api) to get more information about it.
> **Use document.createElement**: Although you may want to append the component using the `innerHTML` property of a container, you should use the `document.createElement()` method for everything to work properly.