Best of LiveView — 2024

  1. 1
    Article
    Avatar of elixirstatusElixirStatus·2y

    bluzky/salad_ui: Phoenix Liveview component library inspired by shadcn UI

    Salad UI is a Phoenix LiveView component library inspired by shadcn UI. To use it, add it to the list of dependencies in your mix.exs file, initiate it in your project with mix salad.init, and install desired components. Configurations such as custom error translations are supported. For local development, clone the repository, use the Salad Storybook for component previews, and run tests with mix test. Adherence to code formatting with mix format is necessary for successful pull requests.

  2. 2
    Article
    Avatar of dockyardDockYard·2y

    LiveView Native Is Here!

    LiveView Native v0.3 provides a framework for building native UI on multiple devices using the LiveView programming model. It reduces development and maintenance costs, allows for critical updates without app store delays, and can deploy to all Apple and Android devices. Unlike other frameworks, it wraps first-class UI frameworks like SwiftUI and Jetpack, ensuring optimal user experience on each device.

  3. 3
    Article
    Avatar of communityCommunity Picks·2y

    Why Elixir? Phoenix & LiveView are unmatched for Modern Web Apps

    Elixir, Phoenix, and LiveView provide a powerful and scalable solution for modern web app development. Phoenix offers a code generator for easy CRUD feature generation and comes with built-in authentication and real-time client notification capabilities. LiveView is a highly efficient alternative to SPAs, allowing for fast and interactive web development. Learning Elixir, Phoenix, and LiveView can greatly enhance web app development productivity and make it enjoyable again.

  4. 4
    Article
    Avatar of elixirstatusElixirStatus·2y

    mssantos/polo: REST client for browsers.

    Polo is a minimalist REST client for JSON APIs that you can run directly from your browser. It's built with Elixir and Phoenix, leveraging Phoenix LiveView for most functionality. After cloning the Polo repository and setting it up with Docker, you can create request collections and share them using Git. Custom JavaScript is minimal, with styles primarily written in custom CSS. Polo also supports request collections using NimblePublisher.

  5. 5
    Article
    Avatar of dockyardDockYard·2y

    Introducing LVN Go

    LVN Go is introduced as an alternative to Xcode for developing LiveView Native applications. This app allows developers to run their applications directly on a device without needing Xcode. It supports iPhone, iPad, and MacOS. Key features include LiveReload, a shake-to-refresh functionality, and a versatile settings menu. The post also hints at future improvements, such as tree-sitter syntax highlighters and language server integrations.

  6. 6
    Article
    Avatar of elixirstatusElixirStatus·2y

    AI powered app (with open-source LLMs like Llama) with Elixir, Phoenix, LiveView, and TogetherAI

    Learn how to build an AI-powered application using Elixir, Phoenix, LiveView, and API calls to TogetherAI. The process involves creating two Elixir processes: one for LiveView to handle user prompts and another to manage HTTP streams from TogetherAI. The tutorial covers setting up a new Phoenix project, implementing LiveView interaction, making HTTP requests, handling streaming responses, and updating the LiveView with received data chunks.

  7. 7
    Article
    Avatar of elixirforumElixir Forum·2y

    Deploy Your Phoenix App on DigitalOcean in 30 Minutes

    Learn how to deploy a Phoenix app manually to a DigitalOcean droplet in 30 minutes using basic shell commands. This guide walks you through setting up a Phoenix project, creating and configuring a DigitalOcean droplet, installing necessary dependencies like PostgreSQL and Caddy, and getting your app live. Note that this setup is not production-ready and lacks essential security measures.

  8. 8
    Article
    Avatar of elixirstatusElixirStatus·2y

    Drag-and-Drop with Phoenix LiveView

    This post discusses updating an application to enable the drag-and-drop feature for rearranging widgets between 'Sellable' and 'Not sellable' categories using Phoenix LiveView. It aims to enhance both the shop and admin pages by allowing dynamic management of widget categories.

  9. 9
    Article
    Avatar of collectionsCollections·2y

    Addressing Misconceptions About Elixir LiveView: Efficient Real-Time Updates Without Excessive JavaScript

    Elixir LiveView offers a 'zero-boring-JS' approach to web development, minimizing the need for JavaScript by using Elixir for common functionalities. Jose Valim addresses misconceptions about LiveView, emphasizing its capability for real-time updates and high interactivity through client hooks. Practical examples illustrate its versatility and ability to integrate with JavaScript UI frameworks when needed.

  10. 10
    Article
    Avatar of elixirstatusElixirStatus·1y

    Elixir 1.18's new “auto_reload” option in IEx

    Elixir 1.18 introduces an auto_reload option for IEx, allowing automatic code reloading without needing to manually call recompile(). This guide details setting up a new Mix project, configuring auto_reload, and integrating with tools like entr for automatic recompilation. The new feature aims to improve the developer experience, particularly when using multiple OS processes.

  11. 11
    Video
    Avatar of awelixAwesome Elixir·2y

    José Valim - Elixir, Erlang, Phoenix, Livebook

    José Valim discusses Elixir, Erlang, Phoenix, and LiveBook. Elixir is well-suited for web development, machine learning, embedded systems, and audio/video streaming. Phoenix leverages the best features of Elixir and simplifies the development of real-time applications. LiveView allows for building rich and interactive applications without writing much JavaScript. The Elixir ecosystem has many exciting projects, including Nerves for embedded systems and Gleam for strongly typed languages. There is ongoing discussion about introducing types to Elixir.

See all LiveView archives