Will JS Kill CSS?
Bruno Mendes Soares UX/UI Designer São Paulo, Brazil @bruno2ms /br2msi /bruno2ms
1 FIRST THINGS FIRST
Virtual DOM "React abstracts away the DOM from you, giving a simpler programming model and better performance. React can also render on the server using Node, and it can power native apps using React Native."
What`s inside React.js - Complexity to compare two trees is O(n^3) complexity React.js managed to turn O(n^3) problem into linear O(n) So it`s really fast
Inline CSS You can fake and control states of your html component combining CSS declarations and JS conditions.
What does anyone have against CSS?
Everything is global. Selectors are matched against everything in the DOM. CSS grows over time. People are afraid of their own CSS. You can't just delete things as it's so hard to know if it's absolutely safe to do that. You can be more dynamic with styles in a programming language. You can make really cool stuff with sass, but its not really dynamic.
Colin Megill - Inline Styles are About to Kill CSS https://www.youtube.com/watch?v=NoaxsCi13yQ
Do I have to stop writing CSS?
Well … The facebook still has a CSS ﬁle… The Web WhatsApp too… Writed in July 2015 (Just to be sure)
What the people says about it?
Chris Coyier: Some people really like this idea! Lea Verou: You can ﬁnd people in the world who like eating excrement, it doesn't mean it's a good idea.
Styling is what CSS is for This is the "religious" angle that probably isn't going to take us very far. The separation of concerns is inherent to CSS. It`s a ﬁle just for styling.
Inline styles are at the top of the speciﬁcity spectrum. The !important declaration can still win a speciﬁc property/value styling war over an inline style, but that's a slightly different concept and an even grosser war to ﬁght.
Some simple states are much easier in CSS How do you do :hover/:focus/:active in inline styles? You don't. You fake it. Adding/removing classes is a perfect tool for state changes already
CSS is successful because of it's simplicity. Very simple learning curve to start (but not to master). In the other hand Styling in JS has the same learning curve plus the REACT ﬂow.
Some of these "dynamic" styling concerns can be solved with regular CSS. calc() viewport units native variables ﬂex grid […]
And what about progressive enhancement?
tl;dr; Will JS kill CSS? I hope not, and I don`t think so
References https://css-tricks.com/the-debate-around-do-we-even-need-css-anymore/ http://www.sitepoint.com/css-is-alive-and-well/