E2E Reactivity using Svelte with Phoenix LiveView

This page summarizes the projects mentioned and recommended in the original post on dev.to
Compiler MVC Frameworks and Libraries module-bundler TypeScript Template

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors

  • elixirconf2022

    Code examples for Ryan's ElixirConf 2022 talk on using Svelte with Phoenix LiveView

    • NOTE: the full code for this post can be found here

  • esbuild

    An extremely fast bundler for the web

    • We specify which Svelte component to render from the LiveView component above by setting data-name to the variable name of the import. Note that the variable name of the import must match the data-name attribute of the LiveView component div. Yes this is souper hacky, but due to limitations in esbuild, a dynamic require isn't possible isn't possible 🤦.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • Svelte

    Cybernetically enhanced web apps

    • Created a "cybernetic webapp" (Svelte's own words) with reactive components for a snappy browser experience

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts