[B! DOM] YassLabのブックマーク

YassLab id:YassLab

DOMに関するYassLabのブックマーク (2)

Rails: フルスタックRailsの未来（1）Turbo Morph Drive（翻訳）｜TechRacho by BPS株式会社
概要元サイトの許諾を得て翻訳・公開いたします。英語記事: The future of full-stack Rails: Turbo Morph Drive—Martian Chronicles, Evil Martians’ team blog 原文公開日: 2023/10/16 原著者: Vladimir Dementyev（首席バックエンドエンジニア）、Travis Turner（技術編集者）サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。日本語ブログ: 合同会社イービルマーシャンズ - Qiita 日本語タイトルは内容に即したものにしました。はじめに Web開発コミュニティの「フルスタック回帰」トレンドはますます勢いを増しています
YassLab 2023/11/29
"とびきり注目株のトピックが、Rails 7からデフォルトのフロントエンドコンポーネントであり続けているTurboの新バージョンであるTurbo 8 / DOMモーフィング（DOM morphing）やページトランジションなど、既に明らかになっている"

Rails

Turbo

DOM

Hotwire

Ruby
リンク
GitHub - patrick-steele-idem/morphdom: Fast and lightweight DOM diffing/patching (no virtual DOM needed)
Lightweight module for morphing an existing DOM node tree to match a target DOM node tree. It's fast and works with the real DOM—no virtual DOM needed! This module was created to solve the probl em of updating the DOM in response to a UI component or page being rerendered. One way to update the DOM is to simply toss away the existing DOM tree and replace it with a new DOM tree (e.g., myContainer.in
YassLab 2023/10/06
“Lightweight module for morphing an existing DOM node tree to match a target DOM node tree. / morphdom does not rely on any virtual DOM abstractions. Because morphdom is using the real DOM, the DOM that the web browser is maintaining will always be the source of truth.”

npm

DOM

GitHub

JavaScript
リンク
1