useState, but with the difference that useProp references the state from the webcomponent property defined in
counter.propsallows us to create the properties of our webcomponent, these are like React's propTypes, but with a big difference they are associated with the instance and can be read and modified by referencing the node, example
document.querySelector("my-counter").count = 10;
ReactDom.renderneeds a reference to mount the component, in Atomico you only need to create the
my-countertag to create a new instance of the component.
<host/>tag is similar to
<> </>for React, but
<host/>represents the webcomponent instance and every component created with Atomico must return the host tag