react-rails
hotwire-rails
DISCONTINUED
Our great sponsors
react-rails | hotwire-rails | |
---|---|---|
20 | 98 | |
6,714 | 960 | |
0.2% | - | |
8.6 | 3.2 | |
2 months ago | over 2 years ago | |
JavaScript | Ruby | |
Apache License 2.0 | 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.
react-rails
-
Why there is no django-react or django-vue package like, for example, Rails has?
https://github.com/reactjs/react-rails here is the functionality and simplicity that I would be kind of looking for. The option for it to exist in Django ecosystem is not that outlandish and I wouldn’t be too ignorant of it having to make sense or not make sense to everyone :)
- React-Rails is a flexible tool to use React with Rails
-
Rails with Svelte or React/NextJs?
You can however use reactjs with rails, there is a gem for it https://github.com/reactjs/react-rails
-
React elements not showing up in Rails app?
I'd checkout https://github.com/reactjs/react-rails
-
How to use npm packages in rails?
I'm trying to use the Ace editor in my Ruby on Rails app, with majority of the view composed as React components. I'm using the react-rails gem and I'm not using flux at all.
-
Spas Were a Mistake
I feel like react-rails (https://github.com/reactjs/react-rails) is basically perfect for this. You just make the photo upload its own react component and render it as normal from your rails view. You basically encapsulate the small bit of complex state into a component and it doesn't infect the rest of your app with SPA.
-
Ruby on Rails - Comment realtime loading
Install react-rails gem by adding this to the Gemfile:
-
React and rails, to API or not..
I think the simplest solution is using react-rails gem so that you can do everything from a single application. Using the gem, the build will be similar to normal rails app also you can utilize the react power as well.
-
Some Confusion on Rails + React
At work we have a monolith that uses the react-rails gem. We use it like how you are describing. It's really easy and your component can be as small or big as you want.
hotwire-rails
- It's not Ruby that's slow, it's your database
-
What's New in Rails 7
Applications generated with Rails 7 will get Turbo and Stimulus (from Hotwire) by default, instead of Turbolinks and UJS. Hotwire is a new approach that delivers fast updates to the DOM by sending HTML over the wire.
-
Ask HN: What tech stack would you use to build a new web app today?
For Ajax-y stuff, I am really excited by the new crop of "HTML-as-a-Service" or "HTML-over-the-wire."
-
Ask HN: Do we need JavaScript web frameworks?
Did you build and maintain UI ? Pick the approach whits suits best.
Also note - Hotwire
Hotwire is an alternative approach to building modern web applications without using much JavaScript by sending HTML instead of JSON over the wire
-
Ask HN: What are you favorite goto frameworks when writing Web Aplications
I was recently interested in similar topic. Here are 3 similar solutions I found:
My personal preference is Unpoly (the idea of "layers" is awesome). But the best explanation of concept as a whole (HATEOAS, keeping app state on server using partial page updates, etc) is at HTMX homepage, and in these essays:
-
Hotwire isn't only for Rails
At the end of 2020 the Basecamp team released a collection of Javascript libraries called Hotwire. Modern web stacks have popularized javascript-rendered front ends and JSON transmissions. Hotwire's primary motivation is to reduce the Javascript footprint and allow application front ends to be created in primarily HTML. It pairs very nicely with the Ruby on Rails ideology and is often demonstrated in that context. I aim to write a series on how Hotwire can be used in any application to simplify development and reduce the need for heavy Javascript downloads. Hotwire currently consists of two javascript libraries: Turbo and Stimulus. The first part of this series introduces Turbo.
-
How do you handle views?
I've been doing that a while until I just got sock of the JS spagetti and often duplicated code and went full on Angular CSR and never looked back. That being said, I've been seeing a lot recently about Laravel's Livewire and Symfony and Ruby on Rail's integration with Hotwire (stimulus+turbo).
-
Suggestions for building ios and android apps in rails?
I believe Strada is supposed to help with this too when it is released: https://hotwired.dev/
-
Ask HN: Modern Alternatives to Spas
Perhaps check out https://hotwired.dev/
I’ve found server rendered apps to be the most productive on small teams or solo projects. Hotwired adds some sprinklings of JS that make this approach slicker.
What are some alternatives?
htmx - </> htmx - high power tools for HTML
SvelteKit - web development, streamlined
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
Svelte - Cybernetically enhanced web apps
phoenix_live_view - Rich, real-time user experiences with server-rendered HTML
inertia-laravel - The Laravel adapter for Inertia.js.
stimulus_reflex - Build reactive applications with the Rails tooling you already know and love.
Stimulus - A modest JavaScript framework for the HTML you already have
react-on-rails - Integration of React + Webpack + Rails + rails/webpacker including server-side rendering of React, enabling a better developer experience and faster client performance.
jsbundling-rails - Bundle and transpile JavaScript in Rails with esbuild, rollup.js, or Webpack.
turbo-rails - Use Turbo in your Ruby on Rails app
htmx-demo - Very simple demonstration of the use of htmx with Spring Boot and Thymeleaf.