JavaScript on Poeticoding

Phoenix LiveView JavaScript Hooks and Select2

Wed, 05 Feb 2020 11:48:10 +0000

We’ve already played with Select2 and LiveView, it was before the release of LiveView JS Hooks. To make select2 work with LiveView we had to listen to phx:update generic javascript events, re-initialize select2 and use a workaround to push events from the browser to LiveView.

Using Select2 with Phoenix LiveView

Thu, 11 Jul 2019 15:19:10 +0000

IMPORTANT: It’s now possible to do LiveView JS interop with hooks, which make everything much simpler and smoother! I’ve published an updated version of the article: Phoenix LiveView JavaScript Hooks and Select2.

LiveView doesn’t support JavaScript interop at the moment (but it’s a planned feature). So, let’s see how we can come up with a workaround to make LiveView playing together with a JavaScript library like Select2.

Add a Progress Bar in the Phoenix File Upload app

Wed, 29 May 2019 12:22:38 +0000

Part 1: Step-by-Step Tutorial to Build a Phoenix App that Supports User Upload
Part 2: Creating Thumbnails of uploaded Images and PDF in Phoenix
Part 3: this article

In the previous two parts we’ve seen how to create a Phoenix application with a multipart upload form, that creates thumbnails of images and PDF.