Needs advice
on
React
and
Vue.js

From a StackShare Community member: 鈥淢y company has a Back Office Dashboard that was originally built in AngularJS 1. We are looking to upgrade it. I hear a lot about React and Vue.js, but not sure which one to pick."

READ LESS
4 upvotes70.1K views
Replies (19)
Recommends
React

I use React because I think it is the one that embraces the most the functional component design.

New versions of React are on the right track.

Having to work with Vue or Angular is a lot of pain for me, especially because I'm used to the simplicity of React (which comes with the great price of a high learning curve). Also, the use of the Flux Pattern is so much easier with React, being designed as a one way data flow, than with its two foremost competitors.

Cheers to the React Team, and thank you very much !

READ MORE
11 upvotes2.8K views
Web UI Developer at Globant
Recommends
React

I decided to focus on React as my main #frontend framework. It's lightweight and as near to JavaScript as a framework can be. It allows me to follow most of the standards and good practices. It helps me to use new methodologies like #componentization or #CssInJs. It has a rich ecosystem of tools and libraries and clearly is the main web framework nowadays.

READ MORE
15 upvotes4 comments5.5K views
Muhammad Tayyab Razzaq
Muhammad Tayyab Razzaq
June 12th 2019 at 8:00AM

which option have you chosen for 'CssInJS', 'JSS' or 'Styled-Components' ?

Reply
Gustavo Mu帽oz
Gustavo Mu帽oz
June 12th 2019 at 9:19AM

I have chosen the Styled Components option. I find it more natural to use and easy to learn, mostly coming from Sass. Migrations of your old Sass styles looks easier too. And you have a clean separation between the component styled and the functional component.

Reply
Muhammad Tayyab Razzaq
Muhammad Tayyab Razzaq
June 12th 2019 at 9:50AM

yeah, but won't it be an overburden to wrap every component or even a simple <div> tag which needs styling?

Reply
Gustavo Mu帽oz
Gustavo Mu帽oz
June 12th 2019 at 10:39AM

As I understand it, you need an HTML element to apply styles to it, so at the end, you have a "div" with styles wrapped inside another component that implements the behavior of the group. Even if the wrapper returns an only component (the styled one), you can use a "fragment" to return only the "div" of the styled component. Imagine the case with a button that has the "handleClick" logic that renders a fragment with a "StyledButton" component that receives the "handleClick" method trough properties. It's like having a normal button but styled. But correct me if I'm wrong.

Reply
View all (19)
Avatar of GnsBeldaran