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

JavaScript Jabber

Episode | Podcast

Date: Wed, 08 Nov 2017 03:00:00 +0000

<div class="trix-content"> <div><strong>Panel:</strong></div><div>Amiee Knight</div><div>Charles Max Wood</div><div><strong>Special Guests: </strong></div><div>Kye Hohenberger</div><div>In 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.</div><div>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.</div><div><strong>In particular, we dive pretty deep on:</strong></div><ul> <li>What is a CSS and JS library?</li> <li>Controlling CSS with JS, what does this solve?</li> <li>Style bugs</li> <li>What kind of styling are you using vs. complex styles?</li> <li>Media query</li> <li>A more declarative style</li> <li>Using Sass</li> <li>Where do you see people using this?</li> <li>Class names and you can apply to anything</li> <li>How Emotion works!</li> <li>Style tags</li> <li>Object styles</li> <li>What are some of the problems you are solving</li> <li>React Emotion - dynamic styles</li> <li>How does this compare to other style components?</li> <li>Glamor Styles</li> <li>How do you test something like this?</li> <li>Just Glamor React with Emotion</li> <li>Can people use the Babel plugin</li> <li>Pure flag and function calls</li> <li>And much more!</li> </ul><div><strong>Links:</strong></div><ul> <li>Emotion.sh</li> <li>Emotion-js/emotion</li> <li>emotion.now.sh</li> <li>@TKH44</li> </ul><div><strong>Picks:</strong></div><div>Amiee</div><ul> <li>Article on Medium</li> <li>Antibiotics and Steroids</li> <li><a href="https://www.rxbar.com">RX Bars </a></li> </ul><div>Charles</div><ul> <li><a href="https://play.google.com/store/apps/details?id=com.disney.emojimatch_goo&amp;hl=en">Disney Emoji Blitz </a></li> <li>How To Get A Job  -  JavaScriptJabber.com</li> </ul><div>Kye</div><ul> <li><a href="https://www.npmjs.com/package/styled-system">Styled System</a></li> <li>Face Paint</li> <li><a href="https://www.costco.com/Universal-Bakery-Organic-Aussie-Bites,-30-oz..product.100371264.html">Aussie Bites </a></li> </ul><div>Special Guest: Kye Hohenberger.</div> </div> Support this podcast at — https://redcircle.com/javascript-jabber/donations Advertising Inquiries: https://redcircle.com/brands Privacy & Opt-Out: https://redcircle.com/privacy