
    <ul><li><a href="https://v8.dev/blog/cost-of-javascript-2019">The cost of JavaScript in 2019</a> (discusses <a href="https://v8.dev/blog/cost-of-javascript-2019#json">the cost of JSON parsing strings vs. JS JSON literals in this section</a>)</li><li><a href="https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading#loading_attribute"><code>img</code> tag <code>lazy</code> attribute</a></li><li><a href="https://package.elm-lang.org/packages/dillonkearns/elm-bcp47-language-tag/latest/"><code>dillonkearns/elm-bcp47-language-tag</code></a></li><li><a href="https://package.elm-lang.org/packages/jfmengels/elm-review-unused/latest/"><code>jfmengels/elm-review-unused</code></a></li><li>Mario Rogic's <a href="https://gist.github.com/supermario/629b4135657df19e6f4ff18bfcbbeb72">gist on the reasons code splitting can't be done right now with Elm's compiler internals</a></li><li><a href="https://kurtextrem.de/posts/svg-in-js">Breaking up with SVG-in-JS</a> blog post</li><li><a href="https://kurtextrem.de/posts/svg-in-js#svg-sprites--using-use">HTML <code>use</code> tag</a> lets you do SVG sprite sheets</li><li>Elm Radio <a href="https://elm-radio.com/episode/code-generation">Code Generation episode</a></li><li><a href="https://github.com/matheus23/elmjs-inspect"><code>matheus23/elmjs-inspect</code></a></li><li><a href="https://elm-radio.com/episode/projects-we-wish-we-had-time-for">Projects We Wish We Had Time For</a> episode</li><li><a href="https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b">Why We're Breaking Up with CSS-in-JS</a></li><li><a href="https://github.com/dillonkearns/elm-css-transpiler-demo">dillonkearns/elm-css-transpiler-demo</a></li><li>Simon Lydell's discourse post <a href="https://discourse.elm-lang.org/t/what-i-ve-learned-about-minifying-elm-code/7632">What I’ve learned about minifying Elm code</a></li></ul>
    

<description>
    &lt;ul&gt;&lt;li&gt;&lt;a href="https://v8.dev/blog/cost-of-javascript-2019"&gt;The cost of JavaScript in 2019&lt;/a&gt; (discusses &lt;a href="https://v8.dev/blog/cost-of-javascript-2019#json"&gt;the cost of JSON parsing strings vs. JS JSON literals in this section&lt;/a&gt;)&lt;/li&gt;&lt;li&gt;&lt;a href="https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading#loading_attribute"&gt;&lt;code&gt;img&lt;/code&gt; tag &lt;code&gt;lazy&lt;/code&gt; attribute&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/dillonkearns/elm-bcp47-language-tag/latest/"&gt;&lt;code&gt;dillonkearns/elm-bcp47-language-tag&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/jfmengels/elm-review-unused/latest/"&gt;&lt;code&gt;jfmengels/elm-review-unused&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Mario Rogic's &lt;a href="https://gist.github.com/supermario/629b4135657df19e6f4ff18bfcbbeb72"&gt;gist on the reasons code splitting can't be done right now with Elm's compiler internals&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://kurtextrem.de/posts/svg-in-js"&gt;Breaking up with SVG-in-JS&lt;/a&gt; blog post&lt;/li&gt;&lt;li&gt;&lt;a href="https://kurtextrem.de/posts/svg-in-js#svg-sprites--using-use"&gt;HTML &lt;code&gt;use&lt;/code&gt; tag&lt;/a&gt; lets you do SVG sprite sheets&lt;/li&gt;&lt;li&gt;Elm Radio &lt;a href="https://elm-radio.com/episode/code-generation"&gt;Code Generation episode&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://github.com/matheus23/elmjs-inspect"&gt;&lt;code&gt;matheus23/elmjs-inspect&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://elm-radio.com/episode/projects-we-wish-we-had-time-for"&gt;Projects We Wish We Had Time For&lt;/a&gt; episode&lt;/li&gt;&lt;li&gt;&lt;a href="https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b"&gt;Why We're Breaking Up with CSS-in-JS&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://github.com/dillonkearns/elm-css-transpiler-demo"&gt;dillonkearns/elm-css-transpiler-demo&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Simon Lydell's discourse post &lt;a href="https://discourse.elm-lang.org/t/what-i-ve-learned-about-minifying-elm-code/7632"&gt;What I’ve learned about minifying Elm code&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
    </description>

We discuss Elm's strengths and weaknesses for optimizing bundle size, and how find and fix your app's bundle size bottlenecks.

096: Optimizing Bundle Size


    <ul><li>Wolfgang Schuster (<a href="https://github.com/wolfadex">github</a>) (<a href="https://twitter.com/wolfadex">twitter</a>)</li><li><code>elm-open-api</code> (<a href="https://www.npmjs.com/package/elm-open-api">NPM package</a>) (<a href="https://package.elm-lang.org/packages/wolfadex/elm-open-api/latest/">Elm package</a>)</li><li><a href="https://www.akitasoftware.com/blog-posts/announcing-akita-has-joined-postman">Akita (now part of postman)</a></li><li><a href="https://json-schema.org/">JSON Schema</a></li><li><a href="https://package.elm-lang.org/packages/dillonkearns/elm-form/latest/"><code>dillonkearns/elm-form</code></a></li><li>Wolfgang's <a href="https://wolfgangschuster.wordpress.com/2023/10/08/effortless-sdks/">Effortless SDKs</a> blog post</li><li>GraphQL <a href="https://github.com/dillonkearns/elm-graphql/blob/master/FAQ.md#why-are-all-my-scalars-strings-how-do-i-turn-it-into-other-types-like-float-or-timeposix">Custom Scalar Codecs feature in <code>dillonkearns/elm-graphql</code></a></li><li><a href="https://package.elm-lang.org/packages/ianmackenzie/elm-units/latest/"><code>elm-units</code> package</a></li><li><a href="https://openapi-generator.tech/">Open API Generator</a></li><li><a href="https://github.com/ahultgren/swagger-elm">swagger-elm</a></li><li><a href="https://github.com/wolfadex/realworld-app"><code>elm-open-api</code> Real World example</a></li></ul>
    

<description>
    &lt;ul&gt;&lt;li&gt;Wolfgang Schuster (&lt;a href="https://github.com/wolfadex"&gt;github&lt;/a&gt;) (&lt;a href="https://twitter.com/wolfadex"&gt;twitter&lt;/a&gt;)&lt;/li&gt;&lt;li&gt;&lt;code&gt;elm-open-api&lt;/code&gt; (&lt;a href="https://www.npmjs.com/package/elm-open-api"&gt;NPM package&lt;/a&gt;) (&lt;a href="https://package.elm-lang.org/packages/wolfadex/elm-open-api/latest/"&gt;Elm package&lt;/a&gt;)&lt;/li&gt;&lt;li&gt;&lt;a href="https://www.akitasoftware.com/blog-posts/announcing-akita-has-joined-postman"&gt;Akita (now part of postman)&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://json-schema.org/"&gt;JSON Schema&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/dillonkearns/elm-form/latest/"&gt;&lt;code&gt;dillonkearns/elm-form&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Wolfgang's &lt;a href="https://wolfgangschuster.wordpress.com/2023/10/08/effortless-sdks/"&gt;Effortless SDKs&lt;/a&gt; blog post&lt;/li&gt;&lt;li&gt;GraphQL &lt;a href="https://github.com/dillonkearns/elm-graphql/blob/master/FAQ.md#why-are-all-my-scalars-strings-how-do-i-turn-it-into-other-types-like-float-or-timeposix"&gt;Custom Scalar Codecs feature in &lt;code&gt;dillonkearns/elm-graphql&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/ianmackenzie/elm-units/latest/"&gt;&lt;code&gt;elm-units&lt;/code&gt; package&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://openapi-generator.tech/"&gt;Open API Generator&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://github.com/ahultgren/swagger-elm"&gt;swagger-elm&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://github.com/wolfadex/realworld-app"&gt;&lt;code&gt;elm-open-api&lt;/code&gt; Real World example&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
    </description>

Wolfgang Schuster joins us to discuss generating type-safe SDKs using elm-open-api.

095: elm-open-api with Wolfgang Schuster


    <ul><li>Andrew MacMurray (<a href="https://github.com/andrewMacmurray">github</a>) (<a href="https://amacmurray.dev/">site</a>)</li><li><a href="https://package.elm-lang.org/packages/andrewMacmurray/elm-concurrent-task/latest/"><code>elm-concurrent-task</code></a></li><li><a href="https://package.elm-lang.org/packages/lobanov/elm-taskport/latest/"><code>lobanov/elm-taskport</code></a></li><li><code>elm-pages</code> v3's <a href="https://package.elm-lang.org/packages/dillonkearns/elm-pages/latest/BackendTask">BackendTask API</a></li><li><a href="https://package.elm-lang.org/packages/jfmengels/elm-review-simplify/latest/"><code>elm-review-simplify</code></a></li><li><a href="https://package.elm-lang.org/packages/0ui/elm-task-parallel/latest/"><code>0ui/elm-task-parallel</code> package</a></li><li><a href="https://package.elm-lang.org/packages/elm/core/latest/Task"><code>elm/core</code> Task API</a></li><li><a href="https://github.com/lamdera/program-test"><code>lamdera-program-test</code></a></li><li><a href="https://github.com/supermario/elm-pkg-js/"><code>elm-pkg-js</code></a> - A standard for shipping simple JS with Elm Packages</li><li><a href="https://github.com/andrewMacmurray/elm-concurrent-task/tree/main/examples/fruits-pipeline-worker"><code>elm-concurrent-task</code> pipeline worker example</a></li></ul>
    

<description>
    &lt;ul&gt;&lt;li&gt;Andrew MacMurray (&lt;a href="https://github.com/andrewMacmurray"&gt;github&lt;/a&gt;) (&lt;a href="https://amacmurray.dev/"&gt;site&lt;/a&gt;)&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/andrewMacmurray/elm-concurrent-task/latest/"&gt;&lt;code&gt;elm-concurrent-task&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/lobanov/elm-taskport/latest/"&gt;&lt;code&gt;lobanov/elm-taskport&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;code&gt;elm-pages&lt;/code&gt; v3's &lt;a href="https://package.elm-lang.org/packages/dillonkearns/elm-pages/latest/BackendTask"&gt;BackendTask API&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/jfmengels/elm-review-simplify/latest/"&gt;&lt;code&gt;elm-review-simplify&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/0ui/elm-task-parallel/latest/"&gt;&lt;code&gt;0ui/elm-task-parallel&lt;/code&gt; package&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/elm/core/latest/Task"&gt;&lt;code&gt;elm/core&lt;/code&gt; Task API&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://github.com/lamdera/program-test"&gt;&lt;code&gt;lamdera-program-test&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://github.com/supermario/elm-pkg-js/"&gt;&lt;code&gt;elm-pkg-js&lt;/code&gt;&lt;/a&gt; - A standard for shipping simple JS with Elm Packages&lt;/li&gt;&lt;li&gt;&lt;a href="https://github.com/andrewMacmurray/elm-concurrent-task/tree/main/examples/fruits-pipeline-worker"&gt;&lt;code&gt;elm-concurrent-task&lt;/code&gt; pipeline worker example&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
    </description>

Andrew MacMurray joins us to discuss `elm-concurrent-task` which allows you to run JavaScript functions with a Task style API.

094: elm-concurrent-task with Andrew MacMurray


    <ul><li>Jakub Hampl (<a href="https://github.com/gampleman">github</a>) (<a href="https://gampleman.eu/">site</a>)</li><li><a href="https://package.elm-lang.org/packages/gampleman/elm-visualization/latest/"><code>elm-visualization</code></a></li><li><a href="https://github.com/gampleman/elm-visualization/blob/master/docs/INTRO.md">elm-visualization intro guide</a></li><li><code>elm-visualization</code>'s <a href="https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.0/Scale/">Scale API</a></li><li><a href="https://www.d3indepth.com/selections/">D3 selections</a></li><li><a href="https://package.elm-lang.org/packages/gicentre/elm-vega/latest/"><code>elm-vega</code></a> and <a href="https://package.elm-lang.org/packages/gicentre/elm-vegalite/latest/"><code>elm-vega-lite</code></a></li><li><code>elm-visualization</code>'s <a href="https://elm-visualization.netlify.app/">example gallery</a></li><li><a href="https://github.com/gampleman/elm-example-publisher"><code>gampleman/elm-example-publisher</code></a></li><li><a href="https://en.wikipedia.org/wiki/World_Geodetic_System">WGS84 spec</a></li><li><a href="https://package.elm-lang.org/packages/avh4/elm-color/latest/">avh4/elm-color</a></li><li><a href="https://package.elm-lang.org/packages/elm-community/typed-svg/latest/"><code>elm-community/typed-svg</code></a></li><li><a href="https://package.elm-lang.org/packages/folkertdev/one-true-path-experiment/latest/"><code>folkertdev/one-true-path-experiment</code></a></li><li><a href="https://github.com/gampleman/elm-visualization/releases/tag/2.4.0"><code>elm-visualization</code> 2.4.0 release notes</a></li><li><a href="https://elm-visualization.netlify.app/weatherradial/">Weather radial example</a></li><li><a href="https://package.elm-lang.org/packages/gampleman/elm-rosetree/latest/"><code>gampleman/elm-rosetree</code></a></li></ul>
    

<description>
    &lt;ul&gt;&lt;li&gt;Jakub Hampl (&lt;a href="https://github.com/gampleman"&gt;github&lt;/a&gt;) (&lt;a href="https://gampleman.eu/"&gt;site&lt;/a&gt;)&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/gampleman/elm-visualization/latest/"&gt;&lt;code&gt;elm-visualization&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://github.com/gampleman/elm-visualization/blob/master/docs/INTRO.md"&gt;elm-visualization intro guide&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;code&gt;elm-visualization&lt;/code&gt;'s &lt;a href="https://package.elm-lang.org/packages/gampleman/elm-visualization/2.4.0/Scale/"&gt;Scale API&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://www.d3indepth.com/selections/"&gt;D3 selections&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/gicentre/elm-vega/latest/"&gt;&lt;code&gt;elm-vega&lt;/code&gt;&lt;/a&gt; and &lt;a href="https://package.elm-lang.org/packages/gicentre/elm-vegalite/latest/"&gt;&lt;code&gt;elm-vega-lite&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;code&gt;elm-visualization&lt;/code&gt;'s &lt;a href="https://elm-visualization.netlify.app/"&gt;example gallery&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://github.com/gampleman/elm-example-publisher"&gt;&lt;code&gt;gampleman/elm-example-publisher&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://en.wikipedia.org/wiki/World_Geodetic_System"&gt;WGS84 spec&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/avh4/elm-color/latest/"&gt;avh4/elm-color&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/elm-community/typed-svg/latest/"&gt;&lt;code&gt;elm-community/typed-svg&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/folkertdev/one-true-path-experiment/latest/"&gt;&lt;code&gt;folkertdev/one-true-path-experiment&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://github.com/gampleman/elm-visualization/releases/tag/2.4.0"&gt;&lt;code&gt;elm-visualization&lt;/code&gt; 2.4.0 release notes&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://elm-visualization.netlify.app/weatherradial/"&gt;Weather radial example&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://package.elm-lang.org/packages/gampleman/elm-rosetree/latest/"&gt;&lt;code&gt;gampleman/elm-rosetree&lt;/code&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
    </description>

Jakub Hampl joins us to discuss elm-visualization and how it enables powerful flexibility through its low-level building blocks philosophy.

093: elm-visualization with Jakub Hampl


    <ul><li>Wolfgang Schuster (<a href="https://github.com/wolfadex">github</a>) (<a href="https://twitter.com/wolfadex">twitter</a>)</li><li><a href="https://www.elmweekly.nl/">Elm Weekly</a></li><li><a href="https://elm.camp/">Elm Camp</a></li><li><a href="https://segakcap.com/">segakcap</a></li><li><a href="https://meetdown.app/group/10561/Elm-Online-Meetup">Elm Online Meetup</a></li><li><a href="https://elmcraft.org/">Elmcraft</a></li><li><a href="https://elm.land/">Elm Land</a></li><li><a href="https://elm-radio.com/episode/elm-at-a-billion-dollar-company">Elm at a Billion Dollar Company</a> episode</li><li><a href="https://dev.to/lucamug/elm-2022-a-year-in-review-33pp">Elm 2022 Year in Review post</a></li><li><a href="https://discourse.elm-lang.org/">The Elm Discourse</a></li><li><a href="https://www.casperschipper.nl/NYE/2023/">Casper Schipper's audio/visual art piece</a></li><li>Email <code>elmweekly.wolfgang &lt;at&gt; gmail.com</code> to suggest links for the newsletter</li></ul>
    

<description>
    &lt;ul&gt;&lt;li&gt;Wolfgang Schuster (&lt;a href="https://github.com/wolfadex"&gt;github&lt;/a&gt;) (&lt;a href="https://twitter.com/wolfadex"&gt;twitter&lt;/a&gt;)&lt;/li&gt;&lt;li&gt;&lt;a href="https://www.elmweekly.nl/"&gt;Elm Weekly&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://elm.camp/"&gt;Elm Camp&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://segakcap.com/"&gt;segakcap&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://meetdown.app/group/10561/Elm-Online-Meetup"&gt;Elm Online Meetup&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://elmcraft.org/"&gt;Elmcraft&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://elm.land/"&gt;Elm Land&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://elm-radio.com/episode/elm-at-a-billion-dollar-company"&gt;Elm at a Billion Dollar Company&lt;/a&gt; episode&lt;/li&gt;&lt;li&gt;&lt;a href="https://dev.to/lucamug/elm-2022-a-year-in-review-33pp"&gt;Elm 2022 Year in Review post&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://discourse.elm-lang.org/"&gt;The Elm Discourse&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://www.casperschipper.nl/NYE/2023/"&gt;Casper Schipper's audio/visual art piece&lt;/a&gt;&lt;/li&gt;&lt;li&gt;Email &lt;code&gt;elmweekly.wolfgang &amp;lt;at&amp;gt; gmail.com&lt;/code&gt; to suggest links for the newsletter&lt;/li&gt;&lt;/ul&gt;
    </description>

Wolfgang joins us to discuss his philosophy and approach to sharing what's new in the Elm community.

092: Elm News with Wolfgang Schuster

Tune in to the tools and techniques in the Elm ecosystem.

Elm Radio

Details

Recent Episodes