--- title: How to Process a Turbo Stream Response in JavaScript... description: Learn how to process a Turbo Stream response in JavaScript using Stimulus. By rendering the stream HTML with Turbo.renderStreamMessage(), you can easily... canonical: https://daily.dev/posts/how-to-process-a-turbo-stream-response-in-javascript-using-stimulus-767wb8bzf twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: How to Process a Turbo Stream Response in JavaScript using Stimulus | daily.dev og:description: Learn how to process a Turbo Stream response in JavaScript using Stimulus. By rendering the stream HTML with Turbo.renderStreamMessage(), you can easily... og:url: https://daily.dev/posts/how-to-process-a-turbo-stream-response-in-javascript-using-stimulus-767wb8bzf og:image: https://api.daily.dev/og/posts/767WB8bzf.png og:image:alt: How to Process a Turbo Stream Response in JavaScript using Stimulus 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. # How to Process a Turbo Stream Response in JavaScript using Stimulus **[RUBYLAND](https://daily.dev/sources/rubyla)** · 6 min read · 3 upvotes · 0 comments ## Summary Learn how to process a Turbo Stream response in JavaScript using Stimulus. By rendering the stream HTML with Turbo.renderStreamMessage(), you can easily manipulate the DOM without writing extra code. This technique is useful for displaying modals in a Rails + Hotwire app. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- Tags: [#javascript](https://daily.dev/tags/javascript), [#rails](https://daily.dev/tags/rails), [#hotwire](https://daily.dev/tags/hotwire) [View this post on daily.dev](https://daily.dev/posts/how-to-process-a-turbo-stream-response-in-javascript-using-stimulus-767wb8bzf) ```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":"How to Process a Turbo Stream Response in JavaScript using Stimulus","url":"https://daily.dev/posts/how-to-process-a-turbo-stream-response-in-javascript-using-stimulus-767wb8bzf","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/how-to-process-a-turbo-stream-response-in-javascript-using-stimulus-767wb8bzf"},"datePublished":"2024-01-15T16:24:16.037Z","dateModified":"2024-01-15T16:24:15.701Z","description":"Learn how to process a Turbo Stream response in JavaScript using Stimulus. By rendering the stream HTML with Turbo.renderStreamMessage(), you can easily...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/eb57eb54924c3880c5d520d3d8924f3c?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/eb57eb54924c3880c5d520d3d8924f3c?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"RUBYLAND","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":"RUBYLAND","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/rubyla","url":"https://daily.dev/sources/rubyla"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/how-to-process-a-turbo-stream-response-in-javascript-using-stimulus-767wb8bzf","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"javascript,rails,hotwire","timeRequired":"PT6M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"RUBYLAND","item":"https://daily.dev/sources/rubyla"},{"@type":"ListItem","position":3,"name":"How to Process a Turbo Stream Response in JavaScript using Stimulus"}]} ```