May 21, 2024

Exploring the New JS.toggle_class/1 Feature in Phoenix LiveView

244

clicks

Exploring the New JS.toggle_class/1 Feature in Phoenix LiveView

Source: fly.io

Phoenix LiveView

Mark Ericksen details the capabilities and versatility of the JS.toggle_class/1 feature in Phoenix LiveView v0.20.4, released in February 2024. This new feature simplifies the process of toggling classes on DOM elements, which previously required external tools like Alpine.js or custom hooks. Through various examples, Ericksen demonstrates how to use JS.toggle_class/1 for basic visibility toggling, animating elements, and dynamically handling lists of items. He highlights the ease of implementing this feature and the reduced need for additional tooling, which enhances the developer experience.

Continue reading

Related posts

Introduction to Using Petal Components with Phoenix 1.7

In this episode, the author demonstrates how to integrate Petal Components into a Phoenix 1.7 application, enhancing the app with pre-built, styled components.

May 13, 2024

Understanding Binary Matching in Elixir for Efficient Data Management

Paulo Valente explores the use of binary matching in Elixir for efficient data processing. He discusses how to create binaries, perform pattern matching, and leverage advanced techniques such as binary comprehension and recursion.

Apr 30, 2024

Serving Multiple Domains with Phoenix Framework

Alexandre Moreira Xavier provides a guide on configuring a single Phoenix application to handle multiple domains and subdomains. He uses examples from YouTube's structure and detailed code snippets.

May 09, 2024

© HashMerge 2024