htmx
phoenix_live_view
Our great sponsors
htmx | phoenix_live_view | |
---|---|---|
562 | 30 | |
31,657 | 5,722 | |
9.5% | 1.9% | |
9.6 | 9.8 | |
about 9 hours ago | 4 days ago | |
JavaScript | Elixir | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
htmx
-
Show HN: ZakuChess, an open source web game built with Django, Htmx and Tailwind
Apart from the source code itself, the repo's README also gives a bit more details about the various packages I used.
1. htmx: https://htmx.org/
-
🤓 My top 3 Go packages that I wish I'd known about earlier
✨ In recent months, I have been developing web projects using GOTTHA stack: Go + Templ + Tailwind CSS + htmx + Alpine.js. As soon as I'm ready to talk about all the subtleties and pitfalls, I'll post it on my social networks.
- FLaNK Stack 26 February 2024
-
Go + Hypermedia - A Learning Journey (Part 1)
I've been digging into HTMX lately (using Python web frameworks) and find the concepts and approach to be interesting and promising. The idea of hypermedia driven systems over the current practice of JavaScript based frameworks (I never really got into React, played with Vue, and enjoy Svelte/SvelteKit) and the ability to chose your language/framework for the backend while primarily leveraging HTML/CSS on the frontend just seems refreshing.
-
Htmx become 0 clause BSD-licensed
Apparently it changed from 2-clause BSD: https://github.com/bigskysoftware/htmx/commit/e16f1865a494b6...
(The zero clause license drops the requirements for preserving the copyright notice when distributing)
-
Web frameworks we are most excited for in 2024
It would be a sin not to start with something that prides itself on being the front-end library of peace. HTMX skyrocketed in popularity in 2023, gaining most of its GitHub stars during the past year. HTMX is not your average JS framework. If you work in HTMX, you will spend most of your time in the world of hypermedia, looking at web development from a completely different pair of eyes as compared to our usual JS-heavy outlook on modern web development. HTMX leverages the power of the concept of HATEOAS (Hypermedia as the Engine of Application State), enabling developers to access browser features directly from HTML, instead of using Javascript.
-
The Front-End Development we’re used to is dying
htmx - high power tools for html
-
Use PostgREST and HTMX to Build RESTful APIs from PostgreSQL Databases
PostgREST is a standalone web server that turns your PostgreSQL database into a RESTful API using the database's structural constraints and permissions to define the API's endpoints and operations. In this tutorial, you will create a simple note-taking app by leveraging PostgREST to construct a RESTful API for the app and using htmx to deliver HTML content.
-
VueJS turns 10 years old
Vue with Vite (the builder/runner) is a stable, open source option. It is really a lightweight start where you're mostly writing HTML with interpolated data, and Vue is updating values correctly and performantly. Just build your reactive HTML app in one file and break into separate components as you're feeling the spirit. https://vuejs.org/guide/quick-start
Mithril if you just want to drop in want a tiny, complete reactive library that doesn't require a build step--this one is most like what you might end up creating in a large jQuery app. You can understand everything from the homepage. https://mithril.js.org/
HTMX if you really like HTML conventions. This doesn't feel jQuery-like and depends on your approach to your server app. https://htmx.org/
phoenix_live_view
-
Coming to grips with JS: a Rubyist's deep dive
Then there are stack-specific libraries: StimulusReflex for Rails, Phoenix LiveView, Laravel Livewire, Unicorn and Tetra for Django, Blazor for .NET, … and the list goes on.
-
Undead - LiveViews for the JVM
I came across this pretty interesting library on Hacker News that tries to implement LiveView on the JVM. Link to GitHub.
-
Show HN: Podsee – AI tool for podcast listeners
Hi everyone, I just launched Podsee(https://pods.ee) for podcast listeners, lovers. You can search and listen to podcasts at Podsee. What makes it different is that you can get the AI transcript for an episode.
It started as a side project after I resigned my job one year ago. As a programmer, I love Elixir (http://elixir-lang.org/) and Phoenix LiveView(https://github.com/phoenixframework/phoenix_live_view), and want to make a product with it. So I build Podsee.
I'm planning to add more AI features to it, like summarize the episode audio, episode to comics, etc.
I'd love to invite you all to try out the product and would appreciate hearing your feedback! Thanks!
-
Ask HN: What companies are embracing “HTML over the wire”?
"HTML over the wire" generally refers to tech like [0] Liveview, [1] Hotwire, [2] LiveView, [3] Blazor, etc. They aren't about about ditching JS and more about not writing your HTML in JS (and yes, SSR).
- Alpine.js
-
Phoenix 1.7 is View-less
Some of the 1.7 stuff has an alert banner that pops up when the connection is broken. I think that could really help.
However I haven't put that in our app as I have seen other issues of flakey connection reconnect issues, and I would hate to make any of those more visible with a flashing notice.
- https://github.com/phoenixframework/phoenix_live_view/issues...
-
What did I miss?
HEEx template language was created, an extension to EEx
-
How to get started with LiveView?
Also to your point, the latest LiveView release moved some helper utilities around and you need to add "import Phoenix.Component" in places. I could be wrong but I think the latest live code gen still isn't setting up correct imports. More info here: https://github.com/phoenixframework/phoenix_live_view/blob/master/CHANGELOG.md
-
Ask HN: What's is your go to toolset for simple front end development?
If you need any kind of interactivity on the frontend, but are more comfortable with the backend, I would suggest looking at Phoenix LiveView [0] or a similar server-rendered HTML technology for your language of your choice [1].
In short, these solutions take JavaScript out of the mix entirely and basically let you deal with a single logical "app", rather than a separate frontend & backend.
-
Should I stop trying to learn HTML/JavaScript?
It uses JS though, as it is required to open a WS connection and change content without refreshing the page, but that looks like it is abstracted from the user. https://github.com/phoenixframework/phoenix_live_view/tree/master/priv/static
What are some alternatives?
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
astro - The web framework for content-driven websites. ⭐️ Star to support our work!
react-snap - 👻 Zero-configuration framework-agnostic static prerendering for SPAs
unpoly - Unobtrusive Javascript Framework for server-side applications
django-unicorn - The magical reactive component framework for Django ✨
SvelteKit - web development, streamlined
lit - Lit is a simple library for building fast, lightweight web components.
hotwire-rails - Use Hotwire in your Ruby on Rails app
Svelte - Cybernetically enhanced web apps
inertia-laravel - The Laravel adapter for Inertia.js.