phoenix-liveview-counter-tutorial
Stimulus
Our great sponsors
phoenix-liveview-counter-tutorial | Stimulus | |
---|---|---|
2 | 111 | |
346 | 12,456 | |
3.5% | 0.5% | |
7.8 | 6.4 | |
8 days ago | 10 days ago | |
Elixir | TypeScript | |
GNU General Public License v3.0 only | 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.
phoenix-liveview-counter-tutorial
-
Htmx Webring
Here's an gist of it: https://github.com/dwyl/phoenix-liveview-counter-tutorial https://hexdocs.pm/phoenix_live_view/form-bindings.html
I think the learning curve is not all that steep.
-
We Got to LiveView
This is a pretty good liveview tutorial: https://github.com/dwyl/phoenix-liveview-counter-tutorial
We also have a hiring project that's designed to ease people in to Phoenix + LiveView. We extracted this from a real app and tried to make it as simple as possible to work on: https://github.com/fly-hiring/phoenix-full-stack-work-sample
Stimulus
-
Turbo Streaming Modals in Ruby on Rails
I also recommend checking out the docs for Stimulus and Turbo to familiarise yourself with all their features and the APIs used in this series.
-
Google: Angular and Wiz Are Merging
Any tips on preparing to work with Wiz as an incoming intern. I heard its identical to Stimulus: https://stimulus.hotwired.dev/
-
How to integrate Component Architecture into Symfony?
use Stimulus
- Stimulus: A modest JavaScript framework for the HTML you already have
-
Build Drag and Drop with Rails Hotwire
With Stimulus, you've got a powerful tool to take your app's interactivity up a notch. For even more awesome features and Stimulus wizardry, check out the Stimulus Documentation.
-
Supercharge your Stimulus controllers with Custom APIs
The next version of Stimulus makes it easier to access parts of the private API thanks to my pull request.
-
Why are you still using jQuery?
I like Stimulus, it was a bit pushed by Symfony with their ux thing.
-
Too Much JavaScript? Why the Frontend Needs to Build Better
I thought it'd be https://stimulus.hotwired.dev/ for a minute but I think that ecosystem is tied too closely with rails.
-
Learn Stimulus in Ruby on Rails by Building a Toggle)
Hey HN!
For those new to Rails, Stimulus (https://stimulus.hotwired.dev/) is a way to sprinkle frontend javascript code into your Rails views.
I held off using Stimulus in my Rails apps for a long time because I didn't understand it — the data= attributes looked weird, and the connection between my Rails views and Stimulus javascript controllers was confusing.
So I decided to write the guide I wish I had when I was learning Stimulus.
Hope you enjoy it! I'm happy to answer any questions, feel free to ask any.
Thanks, Harrison
-
Your first Stimulus controller — Learn Stimulus by building a toggle in your Rails app
Hey /r/rails, these past few weeks, I've been working on a beginner's guide to Stimulus and I'm excited to finally share it!
What are some alternatives?
fastapi - FastAPI framework, high performance, easy to learn, fast to code, ready for production
turbo-rails - Use Turbo in your Ruby on Rails app
real world example app - Exemplary real world application built with Elixir + Phoenix
htmx - </> htmx - high power tools for HTML
Absinthe Graphql - The GraphQL toolkit for Elixir
hotwire-rails - Use Hotwire in your Ruby on Rails app
phoenix-flux-react - An experiment with Phoenix Channels, GenEvents, React and Flux.
django-unicorn - The magical reactive component framework for Django ✨
webtransport - WebTransport is a web API for flexible data transport
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
changelog.com - Changelog is news and podcast for developers. This is our open source platform.
inertia - Inertia.js lets you quickly build modern single-page React, Vue and Svelte apps using classic server-side routing and controllers.