<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Lloyd Smith</title>
    <description>The latest articles on DEV Community by Lloyd Smith (@les2).</description>
    <link>https://dev.to/les2</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1180891%2Fbc415ad6-e112-42eb-a101-57f66e6017c6.jpeg</url>
      <title>DEV Community: Lloyd Smith</title>
      <link>https://dev.to/les2</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/les2"/>
    <language>en</language>
    <item>
      <title>vibe coding vs pair programming?</title>
      <dc:creator>Lloyd Smith</dc:creator>
      <pubDate>Tue, 14 Jul 2026 16:58:08 +0000</pubDate>
      <link>https://dev.to/les2/vibe-coding-vs-pair-programming-1ee5</link>
      <guid>https://dev.to/les2/vibe-coding-vs-pair-programming-1ee5</guid>
      <description>&lt;p&gt;❯ i disagree with:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Design&lt;br&gt;
  Storage: new CimdDocumentCache table (not columns on McpClient)&lt;br&gt;
  A new model in oauth/models.py, one row per presented client_id URL:&lt;/p&gt;
&lt;/blockquote&gt;




&lt;p&gt;why can't we just add the expires, ttl, etc, values on the CMID doc itself? we're just replacing it if it's expired / can't be used (in one place).&lt;/p&gt;

&lt;p&gt;you can push back on this -- i'm trying to minimize complexity.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;You're right, and I'll concede most of it — my three reasons for the separate table mostly dissolve under scrutiny. Let me be explicit about what holds and what doesn't:&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>ai</category>
      <category>vibecoding</category>
      <category>mcp</category>
      <category>ember</category>
    </item>
    <item>
      <title>broken windows</title>
      <dc:creator>Lloyd Smith</dc:creator>
      <pubDate>Mon, 13 Jul 2026 03:06:40 +0000</pubDate>
      <link>https://dev.to/les2/broken-windows-21l5</link>
      <guid>https://dev.to/les2/broken-windows-21l5</guid>
      <description>&lt;p&gt;I deleted this comment before sending. It would have been a reply to a comment:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Anyone else's agents tend to write a lot of overly-defensive lines like this.foo?.bar?.baz || []? Are you doing anything to mitigate it? I would imagine it's a bigger problem for JS teams than TS&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;In the olden days of Java we had PMD and FindBugs and Eclipse and they would warn you about unnecessary null checks.&lt;/p&gt;

&lt;p&gt;Yet codebases routinely had thousands of warnings.&lt;/p&gt;

&lt;p&gt;The only way to get people to stop was:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;fixing all those warnings, which required a heroic, thankless effort, or starting a new project&lt;/li&gt;
&lt;li&gt;and then configuring strict build checks that failed the build&lt;/li&gt;
&lt;li&gt;watch them so they don't disable it or just suppress warnings on every line&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This was maybe 20 years ago.&lt;/p&gt;

&lt;p&gt;People are still people-ing, I guess, via AI bots. The AI, I wonder, must have been trained on this sloppy human code.&lt;/p&gt;




&lt;p&gt;P.S., Potential null pointer dereferences were almost as common.&lt;/p&gt;

</description>
      <category>agents</category>
      <category>javascript</category>
      <category>programming</category>
      <category>softwareengineering</category>
    </item>
    <item>
      <title>kubernetes development tools</title>
      <dc:creator>Lloyd Smith</dc:creator>
      <pubDate>Sat, 11 Jul 2026 00:51:39 +0000</pubDate>
      <link>https://dev.to/les2/kubernetes-development-tools-4jh5</link>
      <guid>https://dev.to/les2/kubernetes-development-tools-4jh5</guid>
      <description>&lt;p&gt;I was reading pseudo-random New Relic documentation on distributed tracing and somehow saw mention of a tool called &lt;a href="https://skaffold.dev/docs/workflows/dev/" rel="noopener noreferrer"&gt;skaffold&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;Long story short, it replaces a bunch of bespoke commands in my Makefile to &lt;code&gt;make dev&lt;/code&gt;.&lt;/p&gt;

&lt;p&gt;It watches the files copied into images and if you change any of them, it automatically rebuilds the appropriate container, etc.&lt;/p&gt;

&lt;p&gt;It also sets up the port forwarding -- something I occasionally forgot to do with the old system.&lt;/p&gt;

&lt;p&gt;Run skaffold without tearing down the database when you exit (keeps your persistent volume claims and maybe other stuff):&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skaffold dev &lt;span class="nt"&gt;--cleanup&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="nb"&gt;false&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Trigger Manual is nice when you don't want it to rebuild with every edit (possibly breaking the test environment, which others could be using). You click in the terminal running skaffold and hit "Enter" and it will rebuild with this mode.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;skaffold dev &lt;span class="nt"&gt;--cleanup&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="nb"&gt;false&lt;/span&gt; &lt;span class="nt"&gt;--trigger&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;manual
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;As I was developing an MCP server and testing it with actual clients, I wanted to run the dev environment as close to production as possible and using minikube made this a cinch! I didn't have skaffold in those days and I'd be Ctrl+C and arrow-up or reverse-search (Ctrl+R) to get my serve command. And then forget the port forwarding or some other aspect. Also, it would build &lt;em&gt;everything&lt;/em&gt; instead of just the changed components. It was fast enough as the Dockerfiles were using multi-stage build with cached layers, but skaffold is even better!&lt;/p&gt;

</description>
      <category>kubernetes</category>
      <category>development</category>
      <category>containers</category>
      <category>webdev</category>
    </item>
    <item>
      <title>I used Ember.js to make an MCP server</title>
      <dc:creator>Lloyd Smith</dc:creator>
      <pubDate>Wed, 08 Jul 2026 13:01:35 +0000</pubDate>
      <link>https://dev.to/les2/i-used-emberjs-to-make-an-mcp-server-33f7</link>
      <guid>https://dev.to/les2/i-used-emberjs-to-make-an-mcp-server-33f7</guid>
      <description>&lt;p&gt;&lt;a href="https://mcp.decile.com" rel="noopener noreferrer"&gt;https://mcp.decile.com&lt;/a&gt; is an MCP Server I built that uses Ember.js!&lt;/p&gt;

&lt;p&gt;Okay, perhaps I overstated that a bit. The MCP server was built using a whole bunch of stuff for the backend, frontend, and infrastructure from Kubernetes to Starlette to Django REST Framework to nginx to ... you name it. Ember.js only powers the MCP Apps that are embedded by the MCP Server (about 5 of them so far). Unsurprisingly, ember was well suited to this problem (although not perfect).&lt;/p&gt;

&lt;p&gt;What went well?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The "gjs" file format is very pleasant for human authoring and AI did a great job of working with it. I suspect that this is because it uses strict imports for everything so the AI (or human) don't have to rely on implicit context in order to reason about what a component does.&lt;/li&gt;
&lt;li&gt;The new build system based on Vite was lightning fast and flexible! I was able to make the customizations I needed to execute in an MCP App context pretty easily.&lt;/li&gt;
&lt;li&gt;Using a monorepo with shared components importable by any of the MCP Apps and tree-shaken away if not used was very convenient! Sharing the boilerplate lint config files, vite configs, etc., as importable ".mjs" files to avoid copying those across each separate mcp-app (and full ember app).&lt;/li&gt;
&lt;li&gt;Using an Ember.js service to abstract away the mcp-apps SDK into a more reactive, "ember native" API was really easy and makes testing trivial.
&lt;/li&gt;
&lt;/ul&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;use strict&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="nx"&gt;module&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;exports&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;function &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;environment&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;modulePrefix&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;view-audience&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
  &lt;span class="kd"&gt;const&lt;/span&gt; &lt;span class="nx"&gt;ENV&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="nx"&gt;modulePrefix&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="nx"&gt;environment&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;rootURL&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;/&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;locationType&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;hash&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="na"&gt;EmberENV&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="na"&gt;EXTEND_PROTOTYPES&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="kc"&gt;false&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="na"&gt;FEATURES&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{},&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
    &lt;span class="na"&gt;APP&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="na"&gt;MCP_SERVER_BASE_URL&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;__MCP_SERVER_BASE_URL__&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;mcp-app&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="na"&gt;appInfo&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
        &lt;span class="na"&gt;name&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="nx"&gt;modulePrefix&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="na"&gt;title&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;View Audience&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
        &lt;span class="na"&gt;version&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;1.0.0&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="p"&gt;},&lt;/span&gt;
      &lt;span class="na"&gt;capabilities&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="na"&gt;availableDisplayModes&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;inline&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;fullscreen&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="p"&gt;},&lt;/span&gt;
    &lt;span class="p"&gt;},&lt;/span&gt;
  &lt;span class="p"&gt;};&lt;/span&gt;

  &lt;span class="p"&gt;...&lt;/span&gt;

  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="nx"&gt;ENV&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="p"&gt;};&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;What didn't go so well?&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Originally, I planned on using the new &lt;code&gt;renderComponent(&lt;/code&gt; helper that allows rendering an individual component instead of a full app with router, service injections, etc., but I quickly started to miss the things the app provided.&lt;/li&gt;
&lt;li&gt;The bundle size is larger than desired, but much of that is actually the MCP Apps SDK, which &lt;a href="https://github.com/modelcontextprotocol/ext-apps/issues/665" rel="noopener noreferrer"&gt;bundles every locale of zod&lt;/a&gt;.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;There's a lot more to speak to but I'm out of time (it's 9 AM now)!&lt;/p&gt;

</description>
      <category>ember</category>
      <category>mcp</category>
      <category>ai</category>
      <category>development</category>
    </item>
    <item>
      <title>On Things</title>
      <dc:creator>Lloyd Smith</dc:creator>
      <pubDate>Thu, 23 Apr 2026 23:05:54 +0000</pubDate>
      <link>https://dev.to/les2/on-things-4548</link>
      <guid>https://dev.to/les2/on-things-4548</guid>
      <description>&lt;ul&gt;
&lt;li&gt;It is cheaper to make a thing next year than it is to make it today.&lt;/li&gt;
&lt;li&gt;It is cheaper to maintain a thing next year than it is to maintain it today.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Therefore ...&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;A third-party thing needs to provide much more value for me to use it over just making my own version that thing myself.&lt;/li&gt;
&lt;li&gt;I will not feel bad about making things.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Other Things:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;The supply chain attacks of yore taught us that perhaps a trivial thing like "leftPad" should be inlined.&lt;/li&gt;
&lt;li&gt;The definition of "trivial thing" has evolved to include much greater scope than in the past.&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>discuss</category>
      <category>opensource</category>
      <category>programming</category>
      <category>softwaredevelopment</category>
    </item>
    <item>
      <title>Do NOT Hallucinate</title>
      <dc:creator>Lloyd Smith</dc:creator>
      <pubDate>Thu, 07 Aug 2025 21:05:01 +0000</pubDate>
      <link>https://dev.to/les2/do-not-hallucinate-3p3f</link>
      <guid>https://dev.to/les2/do-not-hallucinate-3p3f</guid>
      <description>&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fao5jvr6ujzwh3v1bxw35.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fao5jvr6ujzwh3v1bxw35.png" alt="Real life example of product manager telling LLM not to hallucinate" width="800" height="193"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fanmyxg1unuw1mlciclns.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fanmyxg1unuw1mlciclns.png" alt="Cartoon of employee being scolded for turning in AI generated work who attempts to correct the mistake by simply telling the LLM not to hallucinate this time." width="800" height="533"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>llm</category>
      <category>ai</category>
    </item>
    <item>
      <title>Shared with me: Using Vega Lite with Ember.js</title>
      <dc:creator>Lloyd Smith</dc:creator>
      <pubDate>Thu, 07 Aug 2025 17:36:50 +0000</pubDate>
      <link>https://dev.to/les2/shared-with-me-using-vega-lite-with-emberjs-45nj</link>
      <guid>https://dev.to/les2/shared-with-me-using-vega-lite-with-emberjs-45nj</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;a little -- bisonica is a vega-lite implementation, and I demo'd it in ember here: -- &lt;a class="mentioned-user" href="https://dev.to/nullvoxpopuli"&gt;@nullvoxpopuli&lt;/a&gt; &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;&lt;a href="https://limber.glimdown.com/edit?c=MQAgQglgzg9gdhAxgQxAEQKYFsYCheSwIogCuUGUIALgBYYgDaAbhgObIC0ANhNQ1AAOGRAF0AFLWrVBUAFwB6Baw4A6Nn1qkARqogxl7Lr34KAlKvwBlGCGRwAniES1kAJ2oghIiADMkyNT6cDSunirGfAKkgoIw1G5QADRetDCk3AAmINoMiDBYgoEQ2twMAO6aOdDwAZa4AHwgAFTNAHIA8gAqAKJyrY2hAsKIfgFB8FTwQyARPFFeC5m2cPEgrqx23NwzcBgYmQcgEHC%2BMG5YxdNnbnaIiJRQJWXOrh5QAIQgl44gGAAeyEKL28iCoGwYWGgTzgbCYQWoZSgEikMnkSgi6k0Oj0BjmJgwCmWYIUCLKqikWG4FhAAEFMpk%2BMFkNsnNoasRUK4qKgoAkkPxbkVEhhbjcvAVotoFCdOHy3Cc4VAHHBqMh-pQQOI3BgAI6kCAK2FeIoPHludJwbIAAwAvPbrSBxQCgYIyhZ8GBSGwqGdSFa5LhOCBBBA8m9PNxkLluOaGKtPHEnhM9tk3MhGSzuE53JbsnQGKHw%2B5qEGQBxVZ4XCX1sgqAWQP8AEzOGDnRlwQKamC%2BXxa84SrAYOiKlIJrykHXrGDlGi2Q5ghW5ULQMxloJDryisNUZaUOAAck8OqtopA%2BoWCrYUnwwFAAAlzhAAF7wNU7KxqxAAayOYHcIAAMIRvg1pgWwABWVC8KwuAQIU5yeAA3q8NYAL5OhaWAgAeqKyIoCiUFgqhQLQCjskQAQAPyHMwB4ANxwQhHggChFBlIgngYb4WE4Xh6KEVAxGkUSADMDFMXELEoTgjL%2BGe3G8Qe2C5G4nCyWMooSbg%2BRwHyJo%2BP4KApiAtqsbgIAgAARAAJFALjYMgVlyNZ-EEZiGh0Di%2BgKPZ9CXIYHDzKYzAAGyqFB8BWUkFnWZkgROS5SFWZO3DOa50j4RiRhYl5ug%2BfiUREgl5HuGUDgRUQVloTFllWWSGDpUhsV1fw-zUOlVk9ICwIMI%2BCqvqqLLgABwEllZsU1bFVmXG436ddo7jRdNGBwPkHZsE1LXWf8TVWcgbBsDqHD8J1UCkFg0XWfJWSdQ4Ya3VNll1Q4e03ZknXMO4YbUK9T3PVZ%2BTcOcb0PR9LlWcmjVoZNuBoYxOmTJ4jJDnpwRUGZzXPY2LkAKwAAz47Vz0OHjhNwwjun6Sehw6rcZnVh44igmMxnBCkKOrU8kxmJTSMgDTopjSxZkafJbjiOIGBlKj1BmKZTRYyAZSeBjW4cdQUsy6tcsI5Zgt08zvNw8buAADz8MCXYNLFZu8HA37rDqvi2lZblKIgmRwJVhwwW4qh7NQChwIIWDkRyAQAAL46oACMce4756RuA8Mqnv8qhglAVk27bjLMKxSEG8L1BoWhDRm0SEDMDbleW261u4GB1r4F0tDQH8PVugwHeLRQ2Q9n2I5UCwRjBQwhw4CimUCR52L5XiY8EoRXdIr5X6-pkAD6i1uFvtAUtQVIeubtBuLnd4gAAMicDAl6B4FQcr1cYJJiGsahLGKQUfEzwRREkTIhRWoKAaIYDooxeCUlkLqxEFxTCP9cJ-yUAAkSmRxKQOYjAsWYZbjf2wspLAql1IwDkrgiSIBEZ6VViMVmVwQiY2mnZBylxOru0CsgXKWgF6%2BRYcgDh49lDhUinAZadVDj2QVIIFMnUADibY2BlAPFQPkMAfwhgVA8EAMBWC3A3BgVQYi4oJT2qlNhyCOFcO8ovIKy94pqnXmo78UBM5QGYNVYm9U%2BBlC2tjeqAIOoQxvnsICEYJqWX%2BvVdMekbiXRcowZK-huCCk6vYi6JEHBEJgDse0ZkDyyI6B0WRB5qqiE8bNeaEN7aNU8atdaipfEA12klKy71UldiuvVBwwhOr13OCyDx20rKvRaW0iGghNE1Osr9HpEN9T2ARMUVg1VYbw3wFTZG8Eubo1MuZbG-wyZE22qTEABN8YU3WfzA2Z4GYRmZrQoy9COZbLRjzPm1CBarVpiXXZODRSS2ltgHW8tbSK1iirLwuz2JwK1kC1Uxt9ZfNFP8qAxs0KmwttgBu-AbaWTticR2Z8MAuzdhYz23soK%2B2rv7QOwdQ7h0oigaOccE5J0nKnE4hwM5ZxzvgPF%2BdC7FwjGXCuVca7m1JFiqMOKm5gVbu3KgLperHCoH3I4g8Vwj0KvwEAk8YDTzRO5HKnluG4gEcvJV3coAKGqYfY%2B9QzZnyaLeUAAAFMMoSSwP2tJBaCL837SU-vAniiD2GoKARHUBtEJJQPfmxQFnEQD4N-oalBQlAFiRjVgj%2Bfy8EIIISpUUJCyFaXefpFmjyTKMLqsw-yiUMqpssSa6xvC63mqKmFSqUVPESMQFImRENaSLGVUWINIBKh0GVtGaWLijFeMRI1JK202rUEHSAd1WjGYdWJpE%2Bx9alZ1S%2BtwUglB0qMG2pZZKxl2DnBGdZJyKQrJHpPelAALP9bGV6uxsFvQtTpz7F0gFCh%2B56X7%2BA-rcHewG-6WQvpcrHfGIHL2A2-b%2BiGH1H0AfSqJJDrEUPgbQ9ZKZT7YOAYAOy4bAzeyDnVfAwePYBgAHDDbGohJq1LWqQhpS6-EFjVKDaW4NrJYcfTMwDVl5mqj4Es4jfJkA-nSgkE9IHAbZJBqMsGnVr0QdeqJ7p4nVhQk7GlR9ZQ2BfPSnADI3AWNJs8VGBwooz0HushUvaYnOruEQJ09IgoABKGYIDkHSoxxD7G9kAzcy0jzEMV2dPTIyYLLkACciHiZ1TqVx2EjTeMBIE7dCG2nf16dmdZQzJwBm2YiZNNjayqH6U5q8vSuyXMHNOYTdLIATlnIufV48SK6a7K3fcwy4x2a6pedzPSpsNmfNPG4H5osuPiwBdreFCsIsQrVtCzisLZam0RfNlFaKMX12lRgXFIB8UOydsS127DyU%2B2ltSgOw46Vh2AZyZl8dY6J1gOywknKASuOzrnfl1dBUDZLiKyu%2Bda6SqtjK5u8qO6WpeL3Os6reyaqYNqie2B9WSAsXPPKZq8cr1dGvBzoot5ea3lGGMdrqT1FwJfWRCzPD329b65%2BsFY2Bq3Um-NKasqCWEhGxlyAwEQIDTAnbwalJhvTWgjBsuc3LdwULkNBaiFFtzdpWbFaxvTGrdZWtjlzGNpJ6anyflHLtpCsIqqPbKB9ogNI4InUh1PGVbvMdE7aAC3sOZ7Ie6tTIG-KgdnlZPUeAsHOhqOXpl5YhtH6QseOrsemnupPJGGPZ3iRevDaooCVOsrSTpcmPDpVjo%2BizLkcOdeQyXsvVkwCV7VNXhvderQhco-VOsrfAId-Gi5RjPehMIaqyANjETynuFb7vOdmWNq57vYkzTsXB%2BdJi9ZdsFW0oqeaXhsZ1kq-bumfpzqknFlBGWUfps%2BWhNWQs7ZmGMM%2BsTdRlNtWrXDmde63Jjq1m2uXpiDRG1GErXG0ax-xmyuShwjF%2BQ13%2BT22BQ2yVi2yhQTU1kBX2z1jm1pmO0YnRQRkxURwu1tntkJWdnuzJS9iez9leyDhDg%2B0jWQG%2B1ZX%2BxTkB3ThB15TzghyQiLgQJLBhzFXhzO0bmR1wDblR1Xh7lVUxwHmx2HlxyXiWAJwNVF2txbXJzR0oFKj3grGkCZw9CAA&amp;amp;format=md" rel="noopener noreferrer"&gt;example of using vega-lite with Ember.js via Bionica library&lt;/a&gt;&lt;/p&gt;

</description>
      <category>vegalite</category>
      <category>ember</category>
    </item>
    <item>
      <title>Shared with Me: State Charts with EmberJs</title>
      <dc:creator>Lloyd Smith</dc:creator>
      <pubDate>Thu, 07 Aug 2025 17:33:12 +0000</pubDate>
      <link>https://dev.to/les2/shared-with-me-state-charts-with-emberjs-29ic</link>
      <guid>https://dev.to/les2/shared-with-me-state-charts-with-emberjs-29ic</guid>
      <description>&lt;p&gt;Thanks to &lt;a class="mentioned-user" href="https://dev.to/nullvoxpopuli"&gt;@nullvoxpopuli&lt;/a&gt; ! He shared an &lt;a href="https://limber.glimdown.com/edit?c=JYWwDg9gTgLgBAbzgYygUwIYzQWQ8gC2ADs04BfOAMyghDgHIAPAZxizQYG4AoUSWIjgRiFarXoMAAmhAAjNFAD0ICABNgVYIu59w0eEiqjKNOoxnzFSgmgA2YHbx7IRbOABUIAc293FcAC8KOgceIQkaAAUCDxwcCTAMMAYdgBcjCT4yQBunAA0cXBsHCwZsfHxWci5aOXCxPUeAPIA4q0AMgCiGQzZwHkMYuSFlXD9efUiTW2dPZnEE5zDoxSF5ACUzgA82OB2HAB8Rdtevv5Q4yxwAD4wPn6KN8djCAj354oAdCXYAApYAjkcg8IrxbZyACuMHuojeIkYyDswGQAGshlFjHAPo8oD80MQ1IwWu1ugwNsCXmNPA9-GC4NslFCYSIqYyzrjjoy9mADthDkA&amp;amp;format=gjs" rel="noopener noreferrer"&gt;example of using state charts with emberjs&lt;/a&gt; with me!&lt;/p&gt;

&lt;p&gt;Also shared:&lt;br&gt;
A video of how &lt;a href="https://www.youtube.com/watch?v=Rj7lOvDwcYs&amp;amp;t=204s" rel="noopener noreferrer"&gt;"XState keeps getting better"&lt;/a&gt; -- Cortrah&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;A book recommendation on statecharts:&lt;/strong&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;A good book on statecharts is the early book by Ian Horrocks "Constructing the User Interface with Statecharts" but it sounds to me like you are more interested in the event handling aspects which would be a related topic but a different emphasis. For this you'll want to search on Actor libraries (and XState has actors so that might be a good starting point) I'm not sure offhand what js libraries might be most useful for actor stuff in Ember, but for a good high level description which applies pretty well to any language (though the examples are in scala/java) is Vaughn Vernons "Reactive Messaging Patterns with the Actor Model"&lt;/p&gt;
&lt;/blockquote&gt;

</description>
    </item>
    <item>
      <title>Ember.js in 60 Seconds</title>
      <dc:creator>Lloyd Smith</dc:creator>
      <pubDate>Tue, 29 Oct 2024 21:10:12 +0000</pubDate>
      <link>https://dev.to/les2/emberjs-in-60-seconds-5nj</link>
      <guid>https://dev.to/les2/emberjs-in-60-seconds-5nj</guid>
      <description>&lt;p&gt;Before generative AI filled our world with bloated texts, humans relied on grammatically indifferent, terse notes to help others—and themselves—navigate the vast sea of software development. Here’s what I deemed essential about Ember, drawn from a note unearthed years ago:&lt;/p&gt;

&lt;blockquote&gt;
&lt;ul&gt;
&lt;li&gt;ember-data is an ORM-ish persistence layer that Ember uses by default. It uses models, adapters, serializers, and a store as it's fundamental concepts. When an API is not a good fit for ember-data, it's possible to use an ad-hoc REST endpoint or RPC-style endpoint.&lt;/li&gt;
&lt;li&gt;The store returns resources wrapped in "promise objects". These proxies allow the resources to be lazy loaded and trigger fetches when accessing a relationship that isn't loaded. Doing this in a loop is what causes N+1 queries.&lt;/li&gt;
&lt;li&gt;Ember templates use data binding to automatically re-render portions of the DOM when the backing model changes.&lt;/li&gt;
&lt;li&gt;Ember apps are "single page applications". The web server returns a static HTML page for all incoming requests and once the JavaScript is loaded the request is routed through Ember components which make API calls to one of our myriad microservices.&lt;/li&gt;
&lt;li&gt;Components are the UI abstraction ember provides, which combine a template and a JavaScript file. Ember also provides for a dependency injection container, services (singletons managed by the container), routes, and so on.&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>ember</category>
    </item>
    <item>
      <title>The Top 7 Reasons You Should NOT Use Ember.js on Your Next Project</title>
      <dc:creator>Lloyd Smith</dc:creator>
      <pubDate>Fri, 25 Oct 2024 22:37:55 +0000</pubDate>
      <link>https://dev.to/les2/the-top-7-reasons-you-should-not-use-emberjs-on-your-next-project-2hcl</link>
      <guid>https://dev.to/les2/the-top-7-reasons-you-should-not-use-emberjs-on-your-next-project-2hcl</guid>
      <description>&lt;p&gt;If you're starting a new project and trying to decide on which frontend framework to use, then this article is for you. Here are my top 7 reasons to NOT choose Ember.js for your next web application project.&lt;/p&gt;

&lt;h2&gt;
  
  
  1. You Aren't an Ambitious Web Developer
&lt;/h2&gt;

&lt;p&gt;Ember markets itself as "A framework for ambitious web developers," and let's face it, not everyone is ambitious—or a web developer. Ambitious developers work on ambitious projects, and ambitious projects need infrastructure that Ember just includes out of the box.&lt;/p&gt;

&lt;p&gt;Back in 1998, I created my first website, "The Track Shack." It was a site about our high school track team, of which I was a member. I didn’t know how to code back then. I wrote articles using Microsoft Word 97 and used the "Save as Web Page" feature to export them to HTML, which I then uploaded to my Geocities website. One day, my coach asked if I had created a website—apparently, other coaches across the state were using it to get track and field news from our area. I’d even included meet results from The Commercial Appeal (which back then wasn’t online) and added dramatized accounts of our team's events from local meets.&lt;/p&gt;

&lt;p&gt;If a simple site like that meets your needs, go right ahead and use Word's "Save as Web Page" feature.&lt;/p&gt;

&lt;h2&gt;
  
  
  2. You Want to Assemble Your Own Framework
&lt;/h2&gt;

&lt;p&gt;Ember is an opinionated, batteries-included frontend framework. If you'd rather spend your time selecting each library, right down to the patch version, and crafting your own bespoke setup, you’ll be sorely disappointed with Ember.&lt;/p&gt;

&lt;p&gt;In Ember, you start a new project by running:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm &lt;span class="nb"&gt;install&lt;/span&gt; &lt;span class="nt"&gt;-g&lt;/span&gt; ember-cli
ember new my-project
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;And voilà—a new project is ready to be run with:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;npm start
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Note that unit tests will already be configured, which brings us to reason number three.&lt;/p&gt;

&lt;h2&gt;
  
  
  3. You Don't Plan on Writing Any Unit Tests
&lt;/h2&gt;

&lt;p&gt;Ember automatically sets up unit, integration, and acceptance tests and generates stubs in the correct locations any time you use its built-in code generators. For example, if you create a new component with &lt;code&gt;ember generate component big-button&lt;/code&gt;, Ember generates the component files and test stubs for it, which you’re supposed to fill out with assertions to test your component.&lt;/p&gt;

&lt;p&gt;If you don’t want tests, you’ll end up with stubs that might raise eyebrows in code review, potentially requiring you to actually write tests—or spend extra time deleting the stubs before you submit the pull request. Sure, you can skip test generation with a command line flag, but that’s hard to remember and not recommended.&lt;/p&gt;

&lt;h2&gt;
  
  
  4. You Hate Native JavaScript
&lt;/h2&gt;

&lt;p&gt;Ember makes heavy use of native JavaScript features, and using libraries like jQuery to manage the DOM is generally frowned upon. For example, here’s how a class-based component might look:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;import&lt;/span&gt; &lt;span class="nx"&gt;Component&lt;/span&gt; &lt;span class="k"&gt;from&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;@glimmer/component&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;

&lt;span class="k"&gt;export&lt;/span&gt; &lt;span class="k"&gt;default&lt;/span&gt; &lt;span class="kd"&gt;class&lt;/span&gt; &lt;span class="nc"&gt;DeleteJavaScriptButton&lt;/span&gt; &lt;span class="kd"&gt;extends&lt;/span&gt; &lt;span class="nc"&gt;Component&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
   &lt;span class="nx"&gt;handleClick&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
      &lt;span class="nf"&gt;fetch&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;`/api/v1/languages/JavaScript`&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
          &lt;span class="na"&gt;method&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;DELETE&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
      &lt;span class="p"&gt;}).&lt;/span&gt;&lt;span class="nf"&gt;then&lt;/span&gt;&lt;span class="p"&gt;(()&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="nx"&gt;console&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;log&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;deleted JavaScript&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;));&lt;/span&gt;
   &lt;span class="p"&gt;}&lt;/span&gt;
   &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;template&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="nx"&gt;button&lt;/span&gt; &lt;span class="p"&gt;{{&lt;/span&gt;&lt;span class="nx"&gt;on&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;click&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt; &lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;handleClick&lt;/span&gt;&lt;span class="p"&gt;}}&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;&lt;span class="nx"&gt;Delete&lt;/span&gt; &lt;span class="nx"&gt;JavaScript&lt;/span&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/button&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;   &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/template&lt;/span&gt;&lt;span class="err"&gt;&amp;gt;
&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;If you’re not a fan of native JavaScript, Ember’s definitely not for you.&lt;/p&gt;

&lt;h2&gt;
  
  
  5. You Hate Separating Templates from JavaScript
&lt;/h2&gt;

&lt;p&gt;In the old days, we built HTML pages with good old JavaScript strings, like this:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;myHtml&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;&amp;lt;script&amp;gt;&lt;/span&gt;&lt;span class="se"&gt;\n&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt;
  &lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getElementById&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;#myInput&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt; &lt;span class="o"&gt;+&lt;/span&gt;
  &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="se"&gt;\n&lt;/span&gt;&lt;span class="s1"&gt;&amp;lt;/script&amp;gt;&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;getElementById&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;#myContent&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nx"&gt;innerHTML&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;myHtml&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Template languages eliminate this need, automatically escape dangerous values, and enforce a separation of concerns between logic and presentation (HTML)—which is concerning for some developers.&lt;/p&gt;

&lt;p&gt;Another potentially annoying thing about Ember’s template engine is that it automatically updates the HTML in your app when the data changes, which is known as "data binding." If you prefer manually managing the DOM, concatenating strings, or using a different template engine, Ember is not for you.&lt;/p&gt;

&lt;h2&gt;
  
  
  6. You Hate Updating Dependencies Ever
&lt;/h2&gt;

&lt;p&gt;A core value of the Ember community is "stability without stagnation." The framework is regularly updated in backward-compatible increments, following semantic versioning. Any deprecated functionality triggers a warning in development, telling you when it will be removed and how to update it.&lt;/p&gt;

&lt;p&gt;These deprecation messages can create more work if your manager insists on a warning-free build. Updating Ember is generally straightforward, especially if done regularly, but if you’ve ignored updates for years, you’ll have some catching up to do.&lt;/p&gt;

&lt;h2&gt;
  
  
  7. The Ember Community Uses Discord
&lt;/h2&gt;

&lt;p&gt;If you need help with an Ember project, the community's Discord server, is one of the best places to find it. But if Discord is against your company’s policy (or just not your style), this might be a dealbreaker.&lt;/p&gt;

&lt;p&gt;In the Discord server, you will find Ember newbies and framework developers alike, and you can get help, share ideas, and even chat about the future of the project. But beware: these conversations can get interesting—and distracting, which may be why some companies ban Discord.&lt;/p&gt;

&lt;p&gt;So, if you prefer AI to real people, Google searches over expert advice, or really hate Discord, save yourself the trouble and skip Ember.js.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;And there you have it—my top 7 reasons not to use Ember.js on your next project. If you choose to ignore this advice and dive into Ember anyway, you might just find me lurking in the Discord server. If you have a question and I know the answer, I might try to help—but someone more knowledgeable probably will get to it before I can. So maybe we can just chat about more reasons not to choose Ember for your next project!&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>javascript</category>
      <category>ember</category>
      <category>react</category>
    </item>
  </channel>
</rss>
