Re:Semantic UI
by espresso_enigma on Tuesday April 11, 2017 @04:03PM
(#14091902)
I'm trying that out, and it seems that jquery is installed when you include the Semantic UI CSS. According to the docs: http://react.semantic-ui.com/usage, you need to install the CSS separately with
$ npm install semantic-ui-css --save
and with that I get ├─┬ [email protected]
│ └── [email protected]
Plus a whitescreen because jQuery is not defined...bummer
Re:Semantic UI
by espresso_enigma on Tuesday April 11, 2017 @04:18PM
(#14092048)
Sorted it, thanks to this: https://github.com/Semantic-Org/Semantic-UI-React/issues/114...
import 'semantic-ui-css';
should have been import 'semantic-ui-css/semantic.min.css';
Documentation of how to actually import and use the CSS would be nice...might be obvious to the creators, but not to hardheads like myself.
Re:Semantic UI
by espresso_enigma on Tuesday April 11, 2017 @04:27PM
(#14092127)
As one would expect with a fully featured framework, it does add some weight. I have a basic form project I'm working on that just uses some basic styling and components that I hand coded and the production JS and CSS (after gzip) are ~70k and ~2k respectively.
After including Semantic UI and dropping an example form component in, it jumped up to ~140k JS and ~93k CSS.
The Angular integrations seem to still use jQuery, that is such a bummer for me personally, it's like a bad omen.
http://react.semantic-ui.com/introduction