All You Need To Know About CSS-in-JS – Hacker Noon

  • CSS-in-JS attached a style tag on top of the DOM while inline styles just attached the properties to the DOM node.Why does this matter?Not all CSS features can be aliased with JavaScript event handlers , many pseudo selectors aren’t possible, styling the html and body tags isn’t supported etc.With CSS-in-JS, you…
  • Some libraries (like jss, styled-components) even add support for neat, non-CSS-native features like nesting!Brilliant article going in depth on how they’re different.“Just write the darn CSS in CSS and be done with it.”Yes — while that’s the case for how it’s been done for a long-long time — the challenge is modern web is…
  • Shout-out to Vue for solving this problem beautifully even tho Vues styles have no access to components state.Here’s Bob Ross painting rocks to cool down the tension 😄What are the benefits of using CSS-in-JS?
  • CSS-in-JS leverages the full power of the JavaScript ecosystem to enhance CSS.“True rules isolation” — Scoped selectors are not enough.
  • JSS generates unique class names by default when it compiles JSON representation to CSS.Vendor Prefixing —The CSS rules are automatically vendor prefixed, so you don’t have to think about it.Code sharing — Easily share constants and functions between JS and CSS.Only the styles which are currently in use on your screen are…

TL;DR: Thinking in components — No longer do you have to maintain bunch of style-sheets. CSS-in-JS abstracts the CSS model to the component level, rather than the document level (modularity). You…
Continue reading “All You Need To Know About CSS-in-JS – Hacker Noon”

A new chapter begins for NotesIn9

A new chapter begins for NotesIn9. Bringing on more #XPages, #ReactJS, #NodeJS and more.

  • My way of thinking when it comes to developing applications has changed drastically.
  • You will be able to use most of this technology not only in your XPages applications, but on other runtimes as well.
  • Yes there’s the server-side component to consider, but to me that’s never really been the issue when it comes to developing awesome applications.
  • Those who follow me on the social channels would’ve noticed that I became somewhat quiet around May this year, just after my Webinar on Optimus XPages: Part 2 .
  • Am I limited to what User Experience I can offer my client in terms of presentation and performance

Announcing a new chapter for 2 new producers and a diverse programming knowledge base.
Continue reading “A new chapter begins for NotesIn9”