alert(e.detail)} />\n```\n\n### classList\n\nThis takes an object and assigns all the keys as classes which are truthy.\n\n```jsx\n
\n```\n\n### ... (spreads)\n\nSpreads let you pass multiple props at once:\n\n```jsx\n
\n```\n\nKeep in mind given the independent nature of binding updates there is no guarantee of order using spreads at this time. It's under consideration.\n\n## Components\n\nComponents are just Capital Cased tags. Instead of wrapping with computation dynamic props will just be getter accessors. \\* Remember property access triggers so don't destructure outside of computations unless you intend the content to be static.\n\n```jsx\nconst MyComp = props => {\n const staticProp = props.other;\n return (\n <>\n
{props.param}
\n
{staticProp}
\n \n );\n};\n\n
;\n```\n\nComponents may have children. This is available as props.children. It may be a node, a function, or a string, or an array of the aforementioned. Non-expression children like DOM nodes are set to evaluate lazily (upon access by default).\n\n## Fragments\n\nThis plugin also supports JSX Fragments with `<>` notation. These will be compiled to arrays. The fragment syntax provides the convenience of being able to use the template syntax to wrap expressions.\n\n## Acknowledgements\n\nThe concept of using JSX to DOM instead of html strings and context based binding usually found in these libraries was inspired greatly by [Surplus](https://github.com/adamhaile/surplus).","users":{}}