Great video as always. How would I handle adding multiple React components to a Rails app? So I see how you target the the React root in the application.tsx file, but what if I had a different component on a different page?
Hey James, it would be exactly the same. Look for the ID and if found, initialize the component. You might have to hook into the turbo:load event to re-trigger the ID search.
can you make in depth series of this topic? I found difficult to implement React and Hotwire together/ at the same time. We actually okay to watch your explanation in live stream in this channel/ Twitch or you can make playlist for this series. Hope you see this comment and can consider my opinion.✨
@@mixandgo maybe you can share how to integrate react and hotwire with rails in your best practice which also use typescript(I just realize this vid use ts 😂) and how to provide file upload with activestorage's direct-upload using some ui components, can be chakra/material/ mantine/ etc, cuz we all still can't find proper way to improve file upload experience in rails even using hotwire's magic wand
The course doesn't focus on React. It's all about Hotwire. This video shows you that it's possible to sprinkle some React on a Hotwire driven Rails app.
Hey I know you probably are very busy, but could you make like a small app like this but step by step on a video mixing Rails and React in this way! My request comes from the very little amount of information available on this topic specifically. Thanks in advanced
I've heard about it, I even have a few videos on the channel using it. But I haven't looked into the differences much. Not sure if you're asking about React vs. StimulusReflex, or Turbo vs. StimulusReflex. Could you be more specific? Especially what you mean by "better".
Hi Mix & Go , I tried to say about React vs Stimulus Reflex. My suggestion is to use stimulus reflex with hotwire together in the same application or other option is use hotwire + stimulus js if you need apply reactive in front end.
@@crr4141 Well, they are different tools. With React, the tooling and the ecosystem are not something you can ignore. Also, a lot of people are familiar with it. StimulusJS is new, it's a different approach, it's a tiny tiny community, it lacks documentation, support, etc. So "better" means different things to different people. What I would advise though is to learn both, and use the one that makes more sense for the given context.
If possible please try to do Next.js with Hotwire. That would be something totally new. We will get Next js frontend capabilities and Rails rich backend facilities.
It is a great video. Please do more of these in future.
It is true react ecosystem is quite rich. We can use it to Rails Advantage.
Im going all in with rails, thanks for the help
no problem
In my experiments I went deeper. I added prebuilt preactjs and used slim template to render form managed by it. Yeah, it looked bad, but it was fun 😅
Great video! We all need to be reminded that its not an either or battle when it comes to picking technologies.
Great video as always. How would I handle adding multiple React components to a Rails app? So I see how you target the the React root in the application.tsx file, but what if I had a different component on a different page?
Hey James, it would be exactly the same. Look for the ID and if found, initialize the component.
You might have to hook into the turbo:load event to re-trigger the ID search.
@@mixandgo thanks for the reply.
Because, "why not" - chuckled at that. Good video, got a new sub.
Thanks for the sub Michael
Chakra UI can do everything that Tailwind does and more. Why are you adding both of them? Won't it add it the page load time?
I'm not concerned about page size in this video. The point to show it's possible.
can you make in depth series of this topic? I found difficult to implement React and Hotwire together/ at the same time. We actually okay to watch your explanation in live stream in this channel/ Twitch or you can make playlist for this series. Hope you see this comment and can consider my opinion.✨
I'd love to. What seems to be the challenge? Aside from what I'm showing in this video.
@@mixandgo maybe you can share how to integrate react and hotwire with rails in your best practice which also use typescript(I just realize this vid use ts 😂) and how to provide file upload with activestorage's direct-upload using some ui components, can be chakra/material/ mantine/ etc, cuz we all still can't find proper way to improve file upload experience in rails even using hotwire's magic wand
Is this in the course? I can't find it
The course doesn't focus on React. It's all about Hotwire. This video shows you that it's possible to sprinkle some React on a Hotwire driven Rails app.
Hey I know you probably are very busy, but could you make like a small app like this but step by step on a video mixing Rails and React in this way! My request comes from the very little amount of information available on this topic specifically. Thanks in advanced
Hey Daniel. Check out my Practical Ruby on Rails For Beginners class where I teach all this step-by-step. Here's the link: mixandgo.com/rails-class.
Hi is not a better option use Hotwire with Stimulus Reflex, I dont know if yiu hear about stimulus reflex
I've heard about it, I even have a few videos on the channel using it. But I haven't looked into the differences much.
Not sure if you're asking about React vs. StimulusReflex, or Turbo vs. StimulusReflex.
Could you be more specific? Especially what you mean by "better".
Hi Mix & Go , I tried to say about React vs Stimulus Reflex. My suggestion is to use stimulus reflex with hotwire together in the same application or other option is use hotwire + stimulus js if you need apply reactive in front end.
@@crr4141 Well, they are different tools. With React, the tooling and the ecosystem are not something you can ignore. Also, a lot of people are familiar with it.
StimulusJS is new, it's a different approach, it's a tiny tiny community, it lacks documentation, support, etc.
So "better" means different things to different people. What I would advise though is to learn both, and use the one that makes more sense for the given context.
Next time please try to do something with preact. It is 3kb version with almost same features as react.
Would love to see svelte with rails too
I'll look into both preact and svelte.
can u use nextjs?
I don't see how that would be useful.
If possible please try to do Next.js with Hotwire.
That would be something totally new.
We will get Next js frontend capabilities and Rails rich backend facilities.
I don't see how that would work. Do you mean a Rails API?
Hotwire IS an SPA. So, it's like Next.js in a sense.
@@mixandgo Yes, but isn't Hotwire working though websockets?
Well, parts of it. There's client side JS which renders the payload, I need to look into what would be possible.
What do you like about Next.js?
@@mixandgo Inbuilt-routing(No need to mess with a routing library anymore), Progressive SSR, SEO-friendly, Suspense Support, URL imports(like Deno), Image Optimization, etc
@@siyaram2855 Is there anything you like that's not available in Rails?
First! Awesome video!
Thanks man 👍
Please keep font little bigger for poor mobile phone users.