Vue.js

Vue.js

Application and Data / Libraries / Javascript UI Libraries
Shared insights
on
PostgreSQL ModelerPostgreSQL Modeler

Vue.js vuex Vue Router Quasar Framework Electron Node.js npm Yarn Git GitHub Netlify My tech stack that helps me develop quickly and efficiently. Wouldn't want it any other way.

READ MORE
10 upvotes166.8K views
Developer and Owner at Appurist Software

I'm building most projects using: Server: either Fastify (all projects going forward) or ExpressJS on Node.js (existing, previously) on the server side, and Client app: either Vuetify (currently) or Quasar Framework (going forward) on Vue.js with vuex on Electron for the UI to deliver both web-based and desktop applications for multiple platforms.

The direct support for Android and iOS in Quasar Framework will make it my go-to client UI platform for any new client-side or web work. On the server, I'll probably use Fastly for all my server work, unless I get into Go more in the future.

Update: The mobile support in Quasar is not a sufficiently compelling reason to move me from Vuetify. I have decided to stick with Vuetify for a UI for Vue, as it is richer in components and enables a really great-looking professional result. For mobile platforms, I will just use Cordova to wrap the Vue+Vuetify app for mobile, and Electron to wrap it for desktop platforms.

READ MORE
15 upvotes1 comment734.5K views
Paul Whittemore
Paul Whittemore
November 8th 2019 at 2:16AM

Update: The mobile support in Quasar is not a sufficiently compelling reason to move me from Vuetify. I have decided to stick with Vuetify for a UI for Vue, as it is richer in components and enables a really great-looking professional result. For mobile platforms, I will just use Cordova to wrap the Vue+Vuetify app for mobile, and Electron to wrap it for desktop platforms.

Reply
Needs advice
on
ReactReact
and
Vue.jsVue.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 MORE
5 upvotes109.4K views
Replies (19)
Senior Software Engineer at JOOR
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
17 upvotes4 comments7.6K 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
CTO at Decision6
Recommends
Vue.js
at

Back in 2015, my company had a back-office dashboard that was originally built in AngularJS 1. Since Angular 2 presented drastic changes we decided to rethink the options and we looked at React and Vue.js. Besides, at the time, Vue had basically only one developer, its structure (100% oriented to components) and also its backward compatibility focus (Angular 1 to 2 no more) we preferred it against React cause it seemed more straightforward, clean and with a small learning curve. Now 4-5 years later we are very happy with our choice.

READ MORE
12 upvotes31.2K views
View all (19)
Needs advice
on
ReactReact
and
Vue.jsVue.js

I find using Vue.js to be easier (more concise / less boilerplate) and more intuitive than writing React. However, there are a lot more readily available React components that I can just plug into my projects. I'm debating whether to use Vue.js or React for an upcoming project that I'm going to use to help teach a friend how to build an interactive frontend. Which would you recommend I use?

READ MORE
26 upvotes416.6K views
Replies (16)
Software Engineer
Recommends
React

I've used both Vue.js and React and I would stick with React. I know that Vue.js seems easier to write and its much faster to pick up however as you mentioned above React has way more ready made components you can just plugin, and the community for React is very big.

It might be a bit more of a steep learning curve for your friend to learn React over Vue.js but I think in the long run its the better option.

READ MORE
26 upvotes3 comments537.4K views
Michael Mota
Michael Mota
August 20th 2019 at 9:14PM

React is beautiful. I've never used Vue.js but for what I've heard it's easy and fast to learn but, once you dominate the essentials of react and how it actually works, you become a "magician". I really think React it's just beautiful 馃槏.

Reply
humbler stub
humbler stub
June 10th 2020 at 6:46PM

Hi ! What's your take on (React + Angular) vs (React + ReactNative)? Currently I am in a phase in which I am trying to decide a lifetime stack for me to sustain in the market. Needs advice/suggestion.

Thanks in Advance.

Reply
Johnny Bell
Johnny Bell
June 10th 2020 at 7:09PM

Hey Islam, I would suggest if you are going to use React you use React Native + React and not Angular... Mixing frameworks like Angular and React can become tricky. But if you are looking to become hirable I'd say React and React Native is a good choice. I'm noticing less and less companies that use Angular.

Reply
Recommends
Vue.js

I chose to use Vue.js a few years ago mainly for the easy learning curve. I have no experience with React, so I won't make any comparison here. Regarding available components, I never felt locked in because of Vue when looking for components. It happens that a component I wish to use is not available as a Vue component (and nobody published any Vue wrapper for it), but in such cases I was able to quickly hack a Vue wrapper component. In the end I don't think a decision to choose one framework over another should be made solely because of the number of components available. (And not all components in either framework is maintained, bug free, documented or easy to use)

READ MORE
15 upvotes2 comments149.2K views
Cyrus Stoller
Cyrus Stoller
August 17th 2019 at 6:13PM

That's good feedback to share with my friend as well. I appreciate it.

Reply
datocrats-org
datocrats-org
January 13th 2020 at 10:09PM

Thomas, How did you learn to hack a Vue wrapper component from an existing react component that's not in Vue? Do you expect new versions of Vue to break the components you have hacked / ported over to Vue?

Reply
View all (16)
Needs advice
on
LaravelLaravel
and
Node.jsNode.js

I want to create a video sharing service like Youtube, which users can use to upload and watch videos. I prefer to use Vue.js for front-end. What do you suggest for the back-end? Node.js or Laravel ( PHP ) I need a good performance with high speed, and the most important thing is the ability to handle user's requests if the site's traffic increases. I want to create an algorithm that users who watch others videos earn points (randomly but in clear context) If you have anything else to improve, please let me know. For eg: If you prefer React to Vue.js. Thanks in advance

READ MORE
5 upvotes106.1K views
Replies (7)
Recommends
Node.js

Node is light and scalable and has been used widely for enterprise solutions that need faster response, reliability and better performance. But at the end of the day, for me, when I start a project, I don't shoot for the stars. I build a small application with the possibility to scale in the future that will test my business idea. If the idea is getting volume then I really start thinking about how am I going to build this aiming a specific volume.

READ MORE
13 upvotes44.1K views
CTO at Voila Cab's
Recommends
Node.js

Hello , Our first version of www.voilacabs.com was programed with Code Ignitor PHP API's, and at times during peak hours when there were huge request's made the response time use to vary from 500 MS to 1 Minute, also at time's we might have to end up restarting PHP-FPM which use to bring things to normal.

Also PHP lacks features like promises queue, Asyc task, etc. which is supported in Node.js. In our V1 release we shifted to Node.js and since last 7 month's we see no lag in any API response, also all our API's are responding in 200-300 Milli Second's with about 8000+ Fleet's in peak hours. So my suggestion is to go with Node.js also you can either go with Mysql or MongoDB ( depending on the usage ) for DB choice's.

When it comes to hosting you can go with group replication which can be replicated across 3 different datacenters for your data safety. This approach will make your system largely scalable at 80% less price then amazon webservcies.

I hope that help's .

READ MORE
6 upvotes44.2K views
View all (7)
Needs advice
on
ReactReact
and
Vue.jsVue.js
at
()

I want to know what is the best tool for Laravel. React or Vue.js? For example, which is better to be added to an existing Laravel project. Also, which framework has a big community in Stackoverflow and Github?

READ MORE
Vue js or react js for laravel (laracasts.com)
1 upvote48.8K views
Replies (1)
Lead, Design and Development at Afroshok
Recommends
Vue.js

I am part of another firm that where we split our stacks, React/Django and Vue/Laravel. While I am in charge of the React/Django, my co-founder who uses the Vue/Laravel stack swears by Vue. I would urge that you look at using Vue since you are asking to add it to an existing Laravel Project. The learning curve is lower than that of React in my own experience.

READ MORE
3 upvotes4.2K views
CEO at Scrayos UG (haftungsbeschr盲nkt)

For our internal team and collaboration panel we use Nuxt.js (with TypeScript that is transpiled into ES6), Webpack and npm. We enjoy the opinionated nature of Nuxt.js over vanilla Vue.js, as we would end up using all of the components Nuxt.js incorporates anyways and we can adhere to the conventions setup by the Nuxt.js project, which allows us to get better support in case we run into any dead ends. Webpack allows us to create reproducable builds and also debug our application with hot reloads, which greately increased the pace at which we are able to perform and test changes. We also incorporated a lot of testing (ESLint, Chai, Jasmine, Nightwatchjs) into our pipelines and can trigger those jobs through GitLab CI. All packages are fetched through npm, so that we can keep our git repositories slim and are notified of new updates aswell as reported security flaws.

READ MORE
6 upvotes118.8K views
Needs advice
on
Vue NativeVue Native
and
React NativeReact Native

I'm a huge fan of Vue.js and I'm pretty comfortable with it. I need to build a mobile app for my company and I was now wondering whether I could make use of VueJS with Vue Native instead of switching to React. I know Vue Native builds on top of RN. My question is whether I'd have as much freedom with Vue Native over RN and whether you feel like Vue Native is "production ready" or not. Not sure of which shortcomings I may find using Vue Native... Thanks a lot!!!

READ MORE
7 upvotes155.3K views
Replies (1)
Lead Developer
Recommends
Vue Native

Vue Native is definitely production-ready in my experience. I've used both, have apps built with both in production right now, and both are fine technologies. As far as I can recall, there's nothing in RN that you can't do in VN. Given that, I would say go with "the devil you know".

That said, the one downside of VN over RN is that there are a lot more people using RN last I checked, so there are likely more resources readily available.

READ MORE
3 upvotes2 comments131.4K views
Andrea Taglia
Andrea Taglia
June 3rd 2020 at 3:45PM

Thanks a lot Barry. Surely there are tons more stuff on ReactNative over VN. Super useful. The thing is that i don't deeply understand those technologies to have a full picture. I'm on it in these days though.

Reply
Barry Hylton
Barry Hylton
June 4th 2020 at 6:57AM

Yeah, and that's why I say go with what you know, but don't let that stop you if you would rather use React. I don't find the concepts behind Vue and React to be all that different which makes the transition between the two fairly simple.

Reply
Senior Fullstack Developer at QUANTUSflow Software GmbH

Our whole Vue.js frontend stack (incl. SSR) consists of the following tools:

  • Nuxt.js consisting of Vue CLI, Vue Router, vuex, Webpack and Sass (Bundler for HTML5, CSS 3), Babel (Transpiler for JavaScript),
  • Vue Styleguidist as our style guide and pool of developed Vue.js components
  • Vuetify as Material Component Framework (for fast app development)
  • TypeScript as programming language
  • Apollo / GraphQL (incl. GraphiQL) for data access layer (https://apollo.vuejs.org/)
  • ESLint, TSLint and Prettier for coding style and code analyzes
  • Jest as testing framework
  • Google Fonts and Font Awesome for typography and icon toolkit
  • NativeScript-Vue for mobile development

The main reason we have chosen Vue.js over React and AngularJS is related to the following artifacts:

  • Empowered HTML. Vue.js has many similar approaches with Angular. This helps to optimize HTML blocks handling with the use of different components.
  • Detailed documentation. Vue.js has very good documentation which can fasten learning curve for developers.
  • Adaptability. It provides a rapid switching period from other frameworks. It has similarities with Angular and React in terms of design and architecture.
  • Awesome integration. Vue.js can be used for both building single-page applications and more difficult web interfaces of apps. Smaller interactive parts can be easily integrated into the existing infrastructure with no negative effect on the entire system.
  • Large scaling. Vue.js can help to develop pretty large reusable templates.
  • Tiny size. Vue.js weights around 20KB keeping its speed and flexibility. It allows reaching much better performance in comparison to other frameworks.
READ MORE
20 upvotes1 comment814.8K views
rishabh2712
rishabh2712
April 25th 2020 at 6:24AM

Thanks a lot for sharing.

Reply
Student at PES UNIVERSITY
Needs advice
on
ReactReact
and
Angular 2Angular 2

I am almost done with frontend development and know JavaScript. I wanted to know if it is necessary to learn any frontend framework, and what would be the advantage of using them? I also want to know which of the frameworks to choose, especially on factors such as responsiveness(like mobile version or web app)? I am also open to suggestions of using frameworks other than the above two such as Vue.js etc. Thanks in advance.

READ MORE
8 upvotes16.8K views
Replies (2)
Recommends
Vue.js

Choosing a framework be it angular, react, ember or vue is personal preference. I would say start with each and build something that utilise state management (todo list perhaps?) and see which style you are comfortable with.

If you wants to get employed, React is a wiser choice. It also helps you build native mobile apps with react-native . If you are building enterprise app with alot of client-side data, nothing beats Ember.js ember-data.

If you are like me who is prototyping light-weight startup and would like to move fast and missing your first front-end learning (angular 1), go with Vue.js . NativeScript-Vue is the binding to build mobile native apps with it.

READ MORE
6 upvotes29K views
Recommends
React

I would first like to differentiate between two categories of front-end frameworks: JavaScript front-end frameworks (Angular, React, Vue) and CSS front-end frameworks (Bootstrap, Tailwind, Foundation).

Responsiveness is an aspect that deals mostly with CSS, and CSS frameworks such as the ones mentioned are focused on addressing this aspect, making it easy to use components in a standard and less bug-prone way when compared to writing CSS from scratch. This said, knowledge of CSS is very important for front-end development, as it is required to customize components provided by these frameworks, and allows you to create more customized and compelling experiences.

Choosing to use a CSS framework does not prevent you from using a JavaScript framework. The two are frequently used together. Usually, React, Vue and the other front-end JavaScript frameworks have their own implementations of these CSS frameworks, tailored to better integrate with the JavaScript frameworks themselves. The React community, for example, has React Bootstrap, and Material-UI, which are React implementations of popular CSS frameworks, among others.

In no way you are required to use JavaScript frameworks, but they tend to lower the barrier of writing apps by surrounding you with a component-based development process, which generally allows you to better organize code. It is usually better to allow yourself to feel the pain of not using a framework so you can understand what frameworks have to offer.

In any case, should you want to learn a JavaScript framework, I would suggest that you take the tour of each JavaScript framework, then try implementing a simple project, such as building a small blog application or a tic-tac-toe game, and try implementing it using different JavaScript frameworks. This should provide you with an overview of how things operate in each framework.

Also, I would like to add that the learning curve of Angular is generally considered much higher than the other JavaScript frameworks, so I would recommend that you avoid it for now unless you are sure that you would like to dive into it.

Personally, I have used Vue.js, React, Ionic, Angular, and I enjoyed the first two the most, especially React.

READ MORE
4 upvotes4.7K views