| 1 | Composi
|
| 2 | =======
|
| 3 |
|
| 4 | Contents
|
| 5 | --------
|
| 6 | - [Installation](../README.md)
|
| 7 | - [JSX](./jsx.md)
|
| 8 | - [Hyperx](./hyperx.md)
|
| 9 | - [Hyperscript](./hyperscript.md)
|
| 10 | - [Functional Components](./functional-components.md)
|
| 11 | - [Mount, Render and Unmount](./render.md)
|
| 12 | - [Components](./components.md)
|
| 13 | - [State](./state.md)
|
| 14 | - [Lifecycle Methods](./lifecycle.md)
|
| 15 | - [Events](./events.md)
|
| 16 | - [Styles](./styles.md)
|
| 17 | - [Unmount](./unmount.md)
|
| 18 | - [State Management with DataStore](./data-store.md)
|
| 19 | - Third Party Libraries
|
| 20 | - [Deployment](./deployment.md)
|
| 21 | - [Differrences with React](./composi-react.md)
|
| 22 |
|
| 23 | Third Party Libraries
|
| 24 | ---------------------
|
| 25 |
|
| 26 | Composi works fine with third-party libraries. You can use [Material Design Lite](https://getmdl.io), [Bootstrap](http://getbootstrap.com), [jQuery](http://jquery.com), [Redux](http://redux.js.org), [Mobx](https://mobx.js.org), [Lodash](https://lodash.com), [Ramda](http://ramdajs.com). The only thing to be aware of is markup. If you are using JSX, any markup must respect the rule of well-formedness. This means that all HTML self-closing tags will have to be escaped in the render function with a forward slash:
|
| 27 |
|
| 28 | ```html
|
| 29 | wrong correct
|
| 30 | ----------------------
|
| 31 | <br> <br/>
|
| 32 | <hr> <hr/>
|
| 33 | <img> <img/>
|
| 34 | <input> <input/>
|
| 35 | <col> <col/>
|
| 36 | <param> <param/>
|
| 37 | <link> <link/>
|
| 38 | <meta> <meta/>
|
| 39 | ```
|