Turbo_boost Streams
Take full control of the DOM with Turbo Streams
Overview
TurboBoost Streams is a powerful extension that enhances Turbo Streams, allowing developers to have complete control over the Document Object Model (DOM) of their applications. It offers a broader range of functionalities beyond CRUD-related actions, making it an ideal solution for cases where standard Turbo Streams may not be sufficient. With its versatile features, TurboBoost Streams empowers developers to manipulate DOM elements efficiently, creating dynamic and responsive web applications.
The ability to invoke any DOM method directly from the client opens up a world of possibilities. From event dispatching to morphing elements, TurboBoost Streams paves the way for innovative web development approaches by streamlining the interaction between the server and the client-side environment.
Features
- DOM Manipulation: Effortlessly manipulate the DOM from anywhere you use official Turbo Streams, expanding your web application’s interactivity.
- Method Chaining: Combine selectors and dot notation to chain methods together, simplifying the way you interact with multiple elements.
- Event Dispatching: Fire custom events on window, document, and specific elements, enabling tailored user experiences.
- Morphing Elements: Utilize the morph method to smoothly transition elements in the DOM with support for delays and Trix editor compatibility.
- Flexible Syntax: Use snake_case for invoking DOM functionality which is automatically converted to camelCase for convenience.
- Extensible Behavior: Add new browser capabilities and control them from the server, offering great flexibility in application design.
- Broadcasting: Broadcast DOM invocations to subscribed users, keeping everyone in sync with the latest changes.
- Background Job Queues: Customize the queue name for Turbo Stream background jobs to better organize your processing tasks.
- Ruby on Rails
Ruby on Rails, often referred to as Rails, is an open-source web application framework written in Ruby. Known for its convention over configuration and don't repeat yourself (DRY) principles, Rails simplifies and accelerates the development of database-backed web applications.
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- Flowbite
Build websites even faster with components on top of Tailwind CSS. Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.