Charles M Wood

Vzdělání

Byznys

Jak na to

Technika

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

JavaScript Jabber

Stay current on JavaScript, Node, and Front-End development. Learn from experts in programming, careers, and technology every week. Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

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:<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>Links:<ul><li>Emotion.sh</li><li>Emotion-js/emotion</li><li>emotion.now.sh</li><li>@TKH44</li></ul>Picks:Amiee<ul><li>Article on Medium</li><li>Antibiotics and Steroids</li><li><a href="https://www.rxbar.com" target="_blank" rel="noreferrer noopener">RX Bars </a></li></ul>Charles<ul><li><a href="https://play.google.com/store/apps/details?hl=en&id=com.disney.emojimatch_goo" target="_blank" rel="noreferrer noopener">Disney Emoji Blitz </a></li><li>How To Get A Job  -  JavaScriptJabber.com</li></ul>Kye<ul><li><a href="https://www.npmjs.com/package/styled-system" target="_blank" rel="noreferrer noopener">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" target="_blank" rel="noreferrer noopener">Aussie Bites </a></li></ul>Special Guest: Kye Hohenberger. Support this podcast at — <a href="https://redcircle.com/javascript-jabber/donations" target="_blank" rel="noreferrer noopener">https://redcircle.com/javascript-jabber/donations</a> Privacy & Opt-Out: <a href="https://redcircle.com/privacy" target="_blank" rel="noreferrer noopener">https://redcircle.com/privacy</a> Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

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:<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>Links:<ul><li>Emotion.sh</li><li>Emotion-js/emotion</li><li>emotion.now.sh</li><li>@TKH44</li></ul>Picks:Amiee<ul><li>Article on Medium</li><li>Antibiotics and Steroids</li><li><a href="https://www.rxbar.com" target="_blank" rel="noreferrer noopener">RX Bars </a></li></ul>Charles<ul><li><a href="https://play.google.com/store/apps/details?hl=en&id=com.disney.emojimatch_goo" target="_blank" rel="noreferrer noopener">Disney Emoji Blitz </a></li><li>How To Get A Job  -  JavaScriptJabber.com</li></ul>Kye<ul><li><a href="https://www.npmjs.com/package/styled-system" target="_blank" rel="noreferrer noopener">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" target="_blank" rel="noreferrer noopener">Aussie Bites </a></li></ul>Special Guest: Kye Hohenberger. Support this podcast at — <a href="https://redcircle.com/javascript-jabber/donations" target="_blank" rel="noreferrer noopener">https://redcircle.com/javascript-jabber/donations</a> Privacy & Opt-Out: <a href="https://redcircle.com/privacy" target="_blank" rel="noreferrer noopener">https://redcircle.com/privacy</a> Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

Aplikace Youradio Talk

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

Poslechněte si podcast