![Javascript to Elm artwork](https://is5-ssl.mzstatic.com/image/thumb/Podcasts123/v4/ae/06/b5/ae06b52b-64ae-9a7e-1f31-b293a2085da9/mza_3840978457865575010.png/100x100bb.jpg)
48: Red Square
Javascript to Elm
English - August 30, 2018 09:00 - 23 minutes - 20.2 MB - ★★★★★ - 4 ratingsTechnology elm javascript programming Homepage Download Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Previous Episode: 47: Elm 0.19
Next Episode: 49: Avoiding Work
The red square. If you recall from episode 46, we were trying to get a web component (a div in the shape of a square, with a red background) to render in our application. Well, we figured that out and a whole lot more.
Web Components..still
We’re gonna get it this time…promise
Remember the Goals
Create custom element Get Elm to see and use custom ‘text’ element Upgrade ‘text’ element with Markdown-ness Be Awesome Also Luke made it look super easy in his talk.The failure
According to the web component specification, browsers ignore any tags in the shadow DOM, treating them
The shadow dom is a lie.Picks
Babel 7 Through the (open source) looking glassResources
SimpleMDE Luke’s code-editor Red Square Shadowdom CodemirrorFollow
JavaScript to Elm
Twitter: @jstoelm Email: [email protected]Jesse Tomchak
Twitter: @jtomchak