--- title: Glimmer DSL Web Release Version 0.10.2 & 0.10.3 | daily.dev description: Andy Male, the author of Glimmer DSL for Web (a Ruby-based front-end framework for Rails), walks through version 0.10.3, which adds append and prepend DOM... canonical: https://daily.dev/posts/glimmer-dsl-web-release-version-0-10-2-0-10-3-s0aj7ejnc twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Glimmer DSL Web Release Version 0.10.2 & 0.10.3 | daily.dev og:description: Andy Male, the author of Glimmer DSL for Web (a Ruby-based front-end framework for Rails), walks through version 0.10.3, which adds append and prepend DOM... og:url: https://daily.dev/posts/glimmer-dsl-web-release-version-0-10-2-0-10-3-s0aj7ejnc og:image: https://api.daily.dev/og/posts/S0aj7eJnc.png og:image:alt: Glimmer DSL Web Release Version 0.10.2 & 0.10.3 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Glimmer DSL Web Release Version 0.10.2 & 0.10.3 **[Ruby Flow](https://daily.dev/sources/rubyflow)** · 12 min read · 1 upvotes · 0 comments ## Summary Andy Male, the author of Glimmer DSL for Web (a Ruby-based front-end framework for Rails), walks through version 0.10.3, which adds append and prepend DOM mutation methods on elements. He demonstrates a basic sample using direct element mutations, then a more advanced sample using a list presenter with bidirectional and unidirectional content data binding to simplify the view layer. He explains the separation of concerns benefits, performance characteristics (sub-300ms updates), and previews future mutation methods like insert-before and insert-after. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do you append or prepend items to a list using Glimmer DSL for Web? Glimmer DSL for Web version 0.10.3 adds append and prepend methods directly on element variables, avoiding CSS selector lookups. You assign a list element to a Ruby variable, then call list.append { li { input.value } } or list.prepend with a block to add a new list item to the end or beginning respectively. More mutation methods, such as insert-before and insert-after, are planned for future releases. _Developers tracking new Ruby web framework capabilities like this can follow release changes on daily.dev._ ### What is content data binding in Glimmer DSL for Web? Content data binding in Glimmer DSL for Web lets a UL element's content automatically re-render whenever a bound array on a presenter object changes, instead of manually calling append or prepend. A presenter class holds the list and new-item string, exposes append_list_item and prepend_list_item methods, and the view binds the UL content to that list, keeping data logic testable and separate from the view. _Anyone comparing declarative data-binding approaches across frameworks can track these patterns via daily.dev._ ## Similar posts on daily.dev - [Code Master Blog: Presentation Slides for RubyConf Austria 2026 Talk "Frontend Ruby on Rails with Glimmer DSL for Web"](https://daily.dev/posts/code-master-blog-presentation-slides-for-rubyconf-austria-2026-talk-frontend-ruby-on-rails-with-gl-vcw3kvmpw) · Ruby Flow · 0 upvotes · 0 comments - [Code Master Blog: Frontend Ruby on Rails with Glimmer DSL for Web \(submitted to an International Ruby conference\)](https://daily.dev/posts/code-master-blog-frontend-ruby-on-rails-with-glimmer-dsl-for-web-submitted-to-an-international-rub-iors76ygn) · Ruby Flow · 0 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#ruby](https://daily.dev/tags/ruby) [View this post on daily.dev](https://daily.dev/posts/glimmer-dsl-web-release-version-0-10-2-0-10-3-s0aj7ejnc) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Glimmer DSL Web Release Version 0.10.2 & 0.10.3","url":"https://daily.dev/posts/glimmer-dsl-web-release-version-0-10-2-0-10-3-s0aj7ejnc","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/glimmer-dsl-web-release-version-0-10-2-0-10-3-s0aj7ejnc"},"datePublished":"2026-08-31T10:59:30.088Z","dateModified":"2026-08-31T10:59:49.126Z","description":"Andy Male, the author of Glimmer DSL for Web (a Ruby-based front-end framework for Rails), walks through version 0.10.3, which adds append and prepend DOM...","image":"https://i.ytimg.com/vi/weLqzmaIUeo/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/weLqzmaIUeo/sddefault.jpg","isAccessibleForFree":true,"articleSection":"Ruby Flow","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Ruby Flow","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/a21aaa8bcbbf448193a016895c90a0e1","url":"https://daily.dev/sources/rubyflow"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/glimmer-dsl-web-release-version-0-10-2-0-10-3-s0aj7ejnc","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"webdev,ruby","timeRequired":"PT12M","video":{"@type":"VideoObject","name":"Glimmer DSL Web Release Version 0.10.2 & 0.10.3","description":"Andy Male, the author of Glimmer DSL for Web (a Ruby-based front-end framework for Rails), walks through version 0.10.3, which adds append and prepend DOM...","thumbnailUrl":"https://i.ytimg.com/vi/weLqzmaIUeo/sddefault.jpg","uploadDate":"2026-08-31T10:59:30.088Z","duration":"PT12M","url":"https://api.daily.dev/r/S0aj7eJnc","embedUrl":"https://www.youtube.com/embed/weLqzmaIUeo"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Ruby Flow","item":"https://daily.dev/sources/rubyflow"},{"@type":"ListItem","position":3,"name":"Glimmer DSL Web Release Version 0.10.2 & 0.10.3"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/glimmer-dsl-web-release-version-0-10-2-0-10-3-s0aj7ejnc#faq","mainEntity":[{"@type":"Question","name":"How do you append or prepend items to a list using Glimmer DSL for Web?","acceptedAnswer":{"@type":"Answer","text":"Glimmer DSL for Web version 0.10.3 adds append and prepend methods directly on element variables, avoiding CSS selector lookups. You assign a list element to a Ruby variable, then call list.append { li { input.value } } or list.prepend with a block to add a new list item to the end or beginning respectively. More mutation methods, such as insert-before and insert-after, are planned for future releases. Developers tracking new Ruby web framework capabilities like this can follow release changes on daily.dev."}},{"@type":"Question","name":"What is content data binding in Glimmer DSL for Web?","acceptedAnswer":{"@type":"Answer","text":"Content data binding in Glimmer DSL for Web lets a UL element's content automatically re-render whenever a bound array on a presenter object changes, instead of manually calling append or prepend. A presenter class holds the list and new-item string, exposes append_list_item and prepend_list_item methods, and the view binds the UL content to that list, keeping data logic testable and separate from the view. Anyone comparing declarative data-binding approaches across frameworks can track these patterns via daily.dev."}}]} ```