September 12, 2023

Integrating a Custom Tooltip Component into a Phoenix Project

357

clicks

Integrating a Custom Tooltip Component into a Phoenix Project

Source: andrewtimberlake.com

Andrew Timberlake's blog post provides a guide on creating a tooltip component within a Phoenix LiveView project. The tutorial includes step-by-step instructions on building the tooltip component in Elixir, integrating CSS for styling, and involving JavaScript to handle the tooltip's lifecycle with PopperJS. It covers the Elixir module setup for generating tooltips with dynamic IDs, the construction of a LiveView for displaying colored tooltips, the necessary CSS customization, and constructing a Tooltip JavaScript class to create and manage popper instances. The author emphasizes the use of Phoenix Hooks for binding JavaScript interactivity to the respective DOM elements within the Phoenix framework. The tutorial concludes with complete code examples on GitHub, making it a practical resource for Elixir and Phoenix developers looking to enhance UI interactivity in their applications.

Creating a Custom Phoenix Project Generator

Victor Björklund shares how to build a custom Phoenix phx.new generator. He explains the problem with the existing generators and explores possible solutions, such as modifying and extending Phoenix's mix task generators to align with project requirements.

Aug 10, 2023

Kanta: A New Translation Management Tool for Elixir and Phoenix Web Applications

Artur Ziętkiewicz introduces Kanta, an open source solution to translations in Elixir & Phoenix web apps. Kanta simplifies the process of managing translations, saving time and reducing errors.

Sep 05, 2023

Managing Internationalization in Elixir with Gettext Macros and Functions

Cristian Álvarez Belaustegui combines Elixir Gettext functions and macros to effortlessly manage translation files and sync them with the code, allowing for dynamic translations without losing automatic sync.

Sep 08, 2023