Ruby on Rails vs. React JS

[@mxc_clips]

Want to add that it doesnt have to be one or the other. At my current job, we use Ruby on Rails(was initially built with just Ruby on Rails) but now also have a gem (react-rails) which lets us keep everything about rails but use React for front end. The rails view just renders a component and passes in the instance vars like normal, but all the view/front end stuff is done with React. Also helps when hiring talent as we dont need Front End people who work with erb/rails, we can just hire React devs. Great vid! I always watch your stuff

[@beWorldly]

Yes, I was about to mention exactly this. Rails has amazing goodies built in, and replacing just the Views (in MVC) with React gives you all the goodies of react as well. It's the ultimate combo in my opinion and the route i'm taking with my new startup.

[@ciclodaaguia8489]

Also, Ruby has increase its speed in 3.0 version and Turbo has brought the special sugar code techniques we were looking for to build single page apps.

[@mixandgo]

That's true

[@rogeriogouvea7278]

I wonder how the idea of building fast is changing these days with copilot and chat gpt as side tools

[@mixandgo]

In some areas it can help, though from what I've tried so far... it's not great.

[@shropsicle21]

Those frontend and backend PDFs were cool! Do you have those posted somewhere? Thanks

[@mixandgo]

Sure, you can find them here: roadmap.sh/roadmaps

[@shropsicle21]

@@mixandgo Awesome thanks!

[@DevlogBill]

So, Mix & Go, you don't need a front-end technology like React, Vue, or Angular to style and create your client side projects? Is there something built into the Rails framework which allows you to style and create your landing page? Or do you use something like tailwind for the CSS and basic HTML on your own to create the UI/UX? Thank you.

[@mixandgo]

Not sure I get what you're asking William. Styling has nothing to do with JS. You use CSS either way.

[@DevlogBill]

@@mixandgo Your right when I was thinking styling, I was thinking CSS which isn't included in a library I know you have to add that. I was really thinking about when you are creating your site using the tooling. My original question is you don't need React when using Rails? How do you build your site without a front-end library or framework? I am guessing you don't need one. Is HTML and CSS enough using Rails? I am new to web development. Learning by using the Odin Project and they offer 2 paths Ruby on Rails or the MERN stack. So far, I like Rails better, so I am doing my research to find out what is involved when learning Rails. Thanks for getting back to me.

[@mixandgo]

@@DevlogBill Well, Ruby on Rails IS a framework. But it's full-stack (i.e. front-end + back-end). Back in the day, it would render the page (HTML + CSS + JS) on the back-end and send the entire page to the browser on each request. But nowadays it can also do partial updates, via HTML fragments (this is the new hotness; Hotwire). You can also add React, or other JS frameworks on top of it. So you can mix Hotwire with React, or Elm, if you don't like the default (i.e. StimulusJS). Does that make sense?

[@DevlogBill]

@@mixandgo Now it makes more sense, thank you. I am taking the minimalistic approach. Simplicity and job availability. Everyone is promoting these tech stacks, the MERN, MEAN, and even the LAMP stack. But no one promotes the Rails stack. But I figured what makes sense is if everyone is running to these tech stacks why not do the opposite? Also, New York City does have a market for Ruby Developers even though it is small. Anyways, thank you for the wisdom, most appreciated.

[@emerson-sheaapril8555]

This was great, as others have mentioned ruby doesnt get a lot of love these days, and other videos tend to just focus on the points you mentioned at the beginning, popularity, community, etc. which doesn't really tell you what the language is. I didnt even know it was a full stack solution!

[@mixandgo]

Glad you enjoyed it!

[@eichorcist]

The twitter application is made with ruby ​​as the frontend, Even though there is a lot of animation in it, it still feels easy to navigate

[@mixandgo]

Ruby is not a front-end language. But Hotwire is, which is part of Ruby on Rails. And it can do a lot in terms of making reactive UIs.

[@brianlmosley]

Very clear and concise video! Thanks for sharing

[@mixandgo]

Thank you Brian

[@rickyrayrosenberg420]

Why not both? Rails can be a good static site host and provide static elements for SAAS applications that are built within a static context. I have used rails applications hosting Ember front ends, vue frontends, Svelte front ends, and vanilla JavaScript front ends.

[@mixandgo]

Well, mainly because you don't have to. You don't have to build two apps when you can build one. You can build a full-stack app with Rails, without having to build an API + a SPA.

[@federicocastro5542]

Excellent explanation, thank you

[@mixandgo]

Thank you 👍

[@lwa.dev74]

Hey, after hearing that explanation across both subjects I had to subscribe too your channel… I am new too full stack / front end and have been struggling too know where to place myself and timescale of investment with what to seriously consider for a career in development across the board. I’ve decided to pick ROR, Node & is, Python but will have to focus on one as a main and other 2 as sub projects for personal projects to show diversity to potential employers. Would appreciate any input or recommendations on my choices given going fwd as a self taught dev transitioning from iT/iOS technician potentially looking at start-ups as a jnr dev as I think the experience of wearing many hats would help improve my experience over time. Thanks again 👨🏽‍💻

[@mixandgo]

If I were you I'd pick just one. You want to level up as fast as possible. Going in many directions will slow you down.

[@lwa.dev74]

@@mixandgo Thank you for your quick response… definitely, I understand but in your opinion if you were running a start-up personally would you prefer ROR as opposed to M.E.R.N as full stack? I will keep ROR as a long time learning project for understanding full stack process. Thank you for your time. 👍

[@mixandgo]

@@lwa.dev74 I would personally prefer RoR. To me, it makes more sense in that context. You would probably find this video useful: kzbin.info/www/bejne/joDbpZisip6qb6M

[@lwa.dev74]

@@mixandgo thanks again, personally I’m glad you said ROR and it kinda confirmed where my heart is with the language and not my head with trying to fit in and belong.. I will definitely pay attention to your channel as your transparency is absolutely amazing and very much appreciated ❤️👨🏽‍💻

[@mixandgo]

No problem.

[@colinrosati9403]

Nuxt + Next can offer SSR + SSG. You can higher one fullstack to do both FE + BE. JS seems to be more performant with single threaded call stack. With JS you have on compiler bundler The argument for lack of framework conventions in JS is not really very a great argument in 2024 RoR has more CLI tooling but that not really a reason for an architecture desicion. TBH I still don’t get why we use RoR in 2024

[@mixandgo]

Have you used RoR? Especially with Hotwire, there's no point in building a SPA anymore in most cases.

[@thomasslone1964]

I got so much ruby software but i never learned rails, now I'm like what if i had a website, i might just be high

[@DevBishwasBh]

Do this requires API development or we can do it without APIs?

[@mixandgo]

It depends on what you're doing. In this example, I'm not using an API.

[@IsxaaqAcademy]

Great explanation.

[@mixandgo]

Thank you

[@ahmed3deeh629]

nice and clear to the point answer

[@mixandgo]

Thank you Ahmed

[@samuelkung7736]

Where do you go to learn rails 7??

[@mixandgo]

Hi Samuel, a lot of the newer stuff lacks proper documentation, but you can check out hotwire.dev. Or, my Practical Ruby on Rails For Beginners class which I'm building right now using Rails 7.

[@siyaram2855]

NextJs with Rails. Can you do a video?

[@mixandgo]

I don't see how that would make sense, they are both full-blow frameworks.

[@siyaram2855]

@@mixandgo Next frontend + Rails backend = Success Pixelpeeper does that.

[@mixandgo]

You mean use rails as an API and NextJS as it's SPA? Why?

[@siyaram2855]

@@mixandgo Expose a Rails API that gives you HTTP APIs (REST or GraphQL or anything you like), then consume them via `getStaticProps` or `getServerSideProps` as appropriate.

[@siyaram2855]

Morningbrew also uses make use of this stack

[@elvispalace]

top WTF comparisons

[@bradchellingworth5973]

This is a weird question to ask, Ruby on Rails in a backend / full stack framework, it does a different job than react, you wouldn't be choosing between them. Its weird that someone asked this question and even weirder that you made a video answering it.

[@mixandgo]

Why did you watch it then? :) Isn't THAT weird? Not everybody knows the difference or what Rails/React can/cannot do.

[@josbexerra8115]

RoR + Reactjs =💥(dinamita pura)

[@postwala2667]

I am looking for rails developers - please message me ur links to contact page

[@siddharthpandey8577]

hello sir i'm a rails developer and i have basic knowledge of ror and curd operation , core react js , html, css , js and bootstrap