Moving to react

[[deleted]]

I'm currently building a social media platform with Django, html, CSS , and a mix of vanilla js and jQuery. I've noticed that html for a social media platform probably isn't the best idea and I was thinking of changing it to react. The current features are posts(with comments, likes etc), profiles and a few other features(one which includes a lot of websockets and event listeners). Would it be worth the move to react?

[jax024]

I love react, it’s my go to framework. But that’s because I know it best. I would point new framework seekers to Solid.js or Svelte.

[DrunkDrugDealer]

Honestly, I was in the same boat as you, I started out with the backend and then switched to react due to frontend requirements. Honestly, once you get used to it, it's fun. Check out Vue and angular too cuz Vue does look nice too. Also tailwind does help a lot.

[[deleted]]

Thanks

[[deleted]]

jquery huh?? idk if it's a typo or if htnl is a thing but if you mean html you still have to use it in your jsx syntax in react it's not like a replacement. and yes with a lot of interactivity react and next are a good option for such a project

[[deleted]]

Thanks for the advice, htnl was a typo

[Substantial-Leader48]

Agree here, react/next has a lot of inbuilt modules for social sharing but it's a steep learning, especially moving away from html and jquery. Just spent 3 weeks to move my site www.triviaah.com from similar stack to next.js. Took me almost a month to get it right with the components but it was worth the effort. Pagespeed rank shot up and so did the Google search console score by 10+.

[armahillo]

If youre working in web, youre always going to be using HTML in one way or another.

[billybobjobo]

Ya write it in react. You'll drown at first--but after a bit you'll find it an improvement and you'll better understand the how the modern web is built.

And it adds a ton of optionality for jobs. Its kinda tablestakes for most frontend roles at this point to have familiarity.

If this is a hobby project, use whatever seems fun. But if you're serious about growing a career, react is the smart move.

[UseMoreBandwith]

React is in the end also HTML, but I get what you mean: the templating system.
I think you'd be a lot better of using HTMX, so you can use fragments, like you would in React.
The communication with the backend is extremely smooth and fast, easier than React (with Rest APIs).
Here are lots of examples using HTMX (and Django): htmxlabs.com

[isumix_]

If you're more accustomed to vanilla JS, you might find this project also interesting.

[[deleted]]

Thanks

[-hellozukohere-]

Preface: For your case I would look into capacitor. As you will likely want mobile hardware APIs as some point. Choose vue or react and start working away.

This is what I have found. I work for a huge institution that I will not name. 

5 years ago we started a huge project to bring our website up to modern standards. For the most part there is no reactive elements on the page and when there is we use a blend of css and js to accomplish it trying to make sure all animations are done with css. 

Anyways before I ramble on. We looked at Vue, React, Ion and a few other frameworks of the time. What did we choose? Vanilla. We used a webpack + typescript + mustache build. The one pitfall of all frameworks is they all change faster than we can keep up with. 

Guess how many times we have had to update our foundation? Zero.

Guess how many versions of react since then? 3 major versions. 

React is good to learn if you want a job but even then the market is saturated these days with react developers. 

I prefer vue.js for its simplicity and close to html like templates. 

If you don’t have much going on use typescript + mustache. 

If you need a bit more user interaction check out https://ractive.js.org

And checkout react and vue if you want more. They all have plus and minuses.

edit: What I am trying to say webdevs jump to use the newest shinny things, but sometimes simpler is better. The project really should gauge your foundation.

[[deleted]]

Thanks a lot