JSJ 286: Creating a CSS-in-JS Library from Scratch and Emotion with Kye Hohenberger

Panel:Amiee KnightCharles Max WoodSpecial Guests: Kye HohenbergerIn this episode, JavaScript Jabbers speak with Kye Hohenberger. Kye is a developer and co-founder of Side Way. One of Kye’s most notable works and library is Emotion, a CSS and JS library.Kye talks about what CSS and JS library is about in the context of the Emotion library system. Kye discusses why this is practical for the writing process, in comparison to other types of tools that do similar jobs. Kye explains the how this tool reduces the number of lines of code and is compact and clearer.In particular, we dive pretty deep on:What is a CSS and JS library?Controlling CSS with JS, what does this solve?Style bugsWhat kind of styling are you using vs. complex styles?Media queryA more declarative styleUsing SassWhere do you see people using this?Class names and you can apply to anythingHow Emotion works!Style tagsObject stylesWhat are some of the problems you are solvingReact Emotion - dynamic stylesHow does this compare to other style components?Glamor StylesHow do you test something like this?Just Glamor React with EmotionCan people use the Babel pluginPure flag and function callsAnd much more!Links:Emotion.shEmotion-js/emotionemotion.now.sh@TKH44Picks:AmieeArticle on MediumAntibiotics and SteroidsRX Bars CharlesDisney Emoji Blitz How To Get A Job  -  JavaScriptJabber.comKyeStyled SystemFace PaintAussie Bites Special Guest: Kye Hohenberger. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.