tags aren't allowed\n p [|text \"foobar\"|]\n *)\n |]\n```\n\nYou can also typecheck based on your custom type\n```ocaml\nlet f' (_: [`foo] Html.Node.custom Html.Node.t): unit = ()\nlet _ = f' custom_foo\n```\n\nAnd since the markup produces real HTML elements, it works very well with [web components][1].\n\n\n## CSS Modules\n\nCSS modules deal with a lot of the pitfalls of CSS in a large scale app. Provide one CSS module per component and no longer worry about precedence rules, or enforcing conventions like BEM, or applying silly hacks and refactoring if the dev team painted themselves into a corner. Keep it simple.\n```ocaml\nlet my_title = Css.Module.make @@\n Css.block ~color:`coral ~font_size:(`em 24.) ()\n```\n\nInstead of mucking around with inheritance using CSS's inheritance model, you can build up \nabstractions using composition instead by merging rulesets, which is more explicit and easier \nto understand and predict.\n\nYou can then apply these to your elements, but make sure you serve the CSS module in a stylesheet (inline or served as a CSS file)\n```ocaml\nlet _ =\n h1 ~css_module:my_title [|text \"This is my title\"|]\n```\n\nThese work much like postcss modules except that you get to use Ocaml's type system to ensure that you only reference a module that actually exists, and no preprocessing is required.\n\nAnd you can still build these if you aren't using Ocaml on the backend by generating the CSS stylesheets as part of your build, and then you can even apply other transformations like autoprefixer if you need to.\n\n\n## Acknowledgments\n\nThis library is possible only because of Ocaml's powerful type system that is both \nstrong, sound, and flexible. Speficially, it's Ocaml's module system and polymorphic \nvariants that make this library possible.\n\n\n## Tree Shaking\n\nThis library generates `es6-global` and `commonjs` output so you can use the es6 \noutput for tree-shaking using rollup or webpack and the commonjs output for a nodejs backend. \nThe resulting bundle won't include any exports that you aren't using, such as HTML nodes or CSS.\n\nUse rollup + google closure compiler on your final bundle if you want to get the most out of tree \nshaking and dead code elimination.\n\n\n## License\n\nSee [LICENSE][7]\n\n\n[1]: https://wiki.whatwg.org/wiki/Custom_Elements\n[2]: https://github.com/Risto-Stevcev/bs-declaredom/tree/master/example\n[3]: https://github.com/reasonml-community/bs-webapi-incubator\n[4]: https://risto-stevcev.github.io/bs-declaredom/bs-declaredom/Html/index.html\n[5]: https://risto-stevcev.github.io/bs-declaredom/bs-declaredom/Css/index.html\n[6]: https://dom.spec.whatwg.org/#interface-text\n[7]: https://github.com/Risto-Stevcev/bs-declaredom/blob/master/LICENSE\n[8]: https://risto-stevcev.github.io/bs-declaredom\n[9]: https://github.com/jsdom/jsdom\n[10]: https://github.com/Risto-Stevcev/bs-declaredom/blob/master/test/html/Jsdom.ml\n","readmeFilename":"README.md","homepage":"https://github.com/Risto-Stevcev/bs-declaredom","repository":{"type":"git","url":"git://github.com/Risto-Stevcev/bs-declaredom.git"},"bugs":{"url":"https://github.com/Risto-Stevcev/bs-declaredom/issues"}}