liveview on Poeticoding

Effortless Video Sharing with Phoenix LiveView and FLAME

Thu, 28 Nov 2024 18:09:06 +0000

As someone who loves experimenting with new technologies, I recently got the Vision Pro (I’m a big fan of VR and the idea of working in mixed reality). What excites me the most is sharing the cool stuff I discover, with my friends and colleagues, like how amazing it is to have a floating 3D model in mixed reality, built with just a few lines of Swift code.

Layouts and LiveEEx templates

Tue, 25 May 2021 11:14:16 +0000

Course Index page

Code

lv-first-view branch

Links

We’ve previously seen in detail how Phoenix LiveView works. In this lesson we are going to see:

First contact with Phoenix LiveView

Tue, 13 Apr 2021 18:46:05 +0000

Course Index page

Code

Our first Live View

In this lesson we’ll introduce LiveView and get a sense of how powerful it can be. In the next lesson we’ll see better how LiveView works under the hood.

Understanding Phoenix LiveView: build a Gallery app

Wed, 20 Nov 2019 17:50:13 +0000

Understanding Phoenix LiveView

Setup
The Primitives
Building a Gallery app (this article)

In the previous articles we’ve seen how to setup Phoenix LiveView and built a counter (which is like the “Hello World” code example in the LiveView world). We’ve also taken a look at the live-cycle, inspecting websocket messages, having a glimpse of how the things work under the hood.

The Primitives of Phoenix LiveView

Tue, 12 Nov 2019 16:30:21 +0000

Understanding Phoenix LiveView

Setup
The Primitives (this article)
Building a Gallery app

In the previous article we saw how to setup Phoenix LiveView, in order to have everything we need to build a simple LiveView gallery app.

How to Setup Phoenix LiveView

Tue, 29 Oct 2019 17:18:48 +0000

Updated for LiveView 0.11.0 - 7th April 2020

Understanding Phoenix LiveView

Phoenix LiveView has been released on Hex! Although it’s still not a stable release (at the time of writing 0.11.0), it works really well and it’s packed of cool features.

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.

Phoenix LiveView live_link

Wed, 26 Jun 2019 14:45:03 +0000

In the previous article focused on live_redirect, we’ve seen how in Phoenix LiveView we can change the URL without changing the location or refreshing the page. In this way we can keep the URL updated with the current page state, making easier for the user to bookmark or share it.