Hello World
`;\r\n```\r\n\r\nThe contents of the template will be parsed as HTML. The flexibility comes from interpreted values that can be inserted into these templates.\r\n\r\n```javascript\r\nconst template = (name) => html`Hello ${name}!
`;\r\n```\r\n\r\nThese interpreted values can in turn be any kind of object that amp-js can render, including nested templates and arrays.\r\n\r\n## Extended Usage\r\n\r\n### Function `component`\r\n\r\nThe `component` function can be used to create custom reusable components. It is provided with the default export.\r\n\r\n- Each component has a first argument `id`, which helps amp-js locate its usage.\r\n- The second parameter is a description object that contains an optional dynamic data object, methods to mutate them, props passed to the component, templates used inside it and the template itself. amp-js automatically binds `this` to the data, so they can be effectively changed causing a rerender.\r\n- Each component should have a template function which gets called upon component creation.\r\n- Execution of this function returns another function that can be called repeatedly to efficiently update the content.\r\n- Changing the data members inside a component causes it to update automatically.\r\n\r\n```javascript\r\nconst Hello = Amp.component('amp-hello', {\r\n template() {\r\n return html`Hello World
`;\r\n }\r\n});\r\n\r\nHello.generate();\r\n```\r\n\r\nThe component can be consumed in HTML as such:\r\n\r\n```html\r\n\r\n \r\n ${this.count}\r\n \r\n
\r\n `;\r\n }\r\n});\r\n\r\nCounter.generate();\r\n```\r\n\r\nWe can now create multiple `app-counter` component in our HTML, passing `start` and `step` as props:\r\n\r\n```html\r\n\r\n