June 16, 2020

Integrating Bootstrap Native with Phoenix LiveView

65

clicks

Integrating Bootstrap Native with Phoenix LiveView

Source: dashbit.co

Phoenix Framework Phoenix LiveView

In this article, José Valim discusses how to integrate Bootstrap Native with Phoenix LiveView. Bootstrap Native allows Bootstrap components to be used without jQuery, making it a suitable choice for LiveView applications. The article explores configuring Webpack to load Bootstrap Native and its JavaScript, while highlighting the importance of reapplying Bootstrap Native hooks in dynamically injected content by LiveView. Key tips include handling mouse events with `phx-update=ignore`, managing form feedback with `phx-feedback-for`, and styling LiveView-generated modals to match Bootstrap's aesthetics. The article aims to help developers use Bootstrap components effectively within the LiveView ecosystem.

Continue reading

Related posts

Building a Custom Analytics System with Ecto and Elixir

José Valim outlines the development of a custom analytics system for the Dashbit website using Ecto upserts, Elixir processes, and registries.

Jul 16, 2020

Overview of NimbleTOTP for Two-Factor Authentication in Elixir

Marlus Saraiva introduces NimbleTOTP, a library for implementing Two-Factor Authentication (2FA) using Time-based One-Time Passwords (TOTP) in Elixir applications.

Aug 01, 2020

Managing Automatic and Manual Ecto Migrations

Wojtek Mach discusses the built-in support for database migrations in Ecto and addresses challenges when deploying schema and data migrations. The author presents solutions such as automatic and manual migrations and the use of multiple migration directories for better management.

Oct 12, 2020

© HashMerge 2024