{"repo":"woutdp/live_svelte","free":true,"listed":false,"github":"https://github.com/woutdp/live_svelte","clone":"git clone https://github.com/woutdp/live_svelte.git","description":"Svelte inside Phoenix LiveView with seamless end-to-end reactivity","language":"Elixir","stars":1657,"topics":["liveview","elixir","ssr","svelte","phoenix","phoenix-liveview","websocket"],"license":"MIT","category":"networking-infra","readme_excerpt":"Svelte inside Phoenix LiveView with seamless end-to-end reactivity Features • Resources • Demo • Installation • Usage • Deployment Features - ⚡ End-To-End Reactivity with LiveView - 🔋 Server-Side Rendered (SSR) Svelte - 🪄 Sigil as an Alternative LiveView DSL - ⭐ Svelte Preprocessing Support with svelte-preprocess - 🦄 Tailwind Support - 💀 Dead View Support - 🦥 Slot Interoperability - 📘 TypeScript — client assets in TypeScript; public API is type-safe with exported type definitions for consumers Resources - HexDocs - HexPackage - Phoenix LiveView - Blog Post - YouTube Introduction Demo For a full intro and demo check out the YouTube introduction /examples/advanced chat https://user-images.githubusercontent.com/3637265/229902870-29166253-3d18-4b24-bbca-83c4b6648578.webm Svelte handles the look and feel of the chat, while LiveView takes care of syncing. E2E reactivity to the Svelte component so we don't really need to fetch anything! The 'login' to enter your name is a simple LiveView form. Hybrid! --- /examples/breaking news https://user-images.githubusercontent.com/3637265/229902860-f7ada6b4-4a20-4105-9ee9-79c0cbad8d72.webm News items are synced with the server while the speed is only client side. Why LiveSvelte Phoenix LiveView enables rich, real-time user experiences with server-rendered HTML. It works by communicating any state changes through a websocket and updating the DOM in realtime. You can get a really good user experience without ever needing to write any clien","default_branch":null,"files":null,"tree":[],"storefront":"/r/woutdp","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/woutdp/live_svelte/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}