Hey Iwein, there are couple fundamental issue with the way we style HTML elements today. CSS is exposing every declaration into a global namespace. This makes it to eliminate dead code as it is hard to figure out where it is used. Many techniques like BEM were invented and declared as "the right way" to do styling.
I don't know if inline-styles defined in JS are the end-game, but working with it in combination with building components turned out to be working way better for us than using CSS.
Modal and tooltip/popover are the components that forced me to add react-bootstrap to my project (I didn't want to build those on my own.) Really looking forward to trying out Belle once those land.
looking really nice. Specifically the toggle is something I was looking for. This looks like clean use of markup and proper setup of CSS with good docu. Will definitly embed this in the future, and looking forward to see even more components. good stuff!
12 comments
[ 3.7 ms ] story [ 35.6 ms ] threadIt grows/contracts just as expected in Android and iOS too. That's handy. Nice job!
I don't know if inline-styles defined in JS are the end-game, but working with it in combination with building components turned out to be working way better for us than using CSS.
If you want to know more about it I highly recommend this slidedeck: https://speakerdeck.com/vjeux/react-css-in-js
Have you ever checked out: https://github.com/rackt/react-modal
Seems to be pretty solid implementation.