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 and Render](./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 | - Third Party Libraries
|
19 | - [Deployment](./deployment.md)
|
20 |
|
21 | Third Party Libraries
|
22 | ---------------------
|
23 |
|
24 | 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:
|
25 |
|
26 | ```html
|
27 | wrong correct
|
28 | ----------------------
|
29 | <br> <br/>
|
30 | <hr> <hr/>
|
31 | <img> <img/>
|
32 | <input> <input/>
|
33 | <col> <col/>
|
34 | <param> <param/>
|
35 | <link> <link/>
|
36 | <meta> <meta/>
|
37 | ```
|