Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Preact
Preact

69
78
+ 1
20
Vue.js
Vue.js

9.4K
7K
+ 1
986
Add tool

Preact vs Vue.js: What are the differences?

Developers describe Preact as "A fast 3k React alternative". Preact is an attempt to recreate the core value proposition of React (or similar libraries like Mithril) using as little code as possible, with first-class support for ES2015. Currently the library is around 3kb (minified & gzipped). On the other hand, Vue.js is detailed as "Reactive Components for Modern Web Interfaces". Vue.js is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.

Preact and Vue.js can be primarily classified as "Javascript UI Libraries" tools.

"Lightweight" is the top reason why over 7 developers like Preact, while over 207 developers mention "Simple and easy to start with" as the leading cause for choosing Vue.js.

Preact and Vue.js are both open source tools. It seems that Vue.js with 142K GitHub stars and 20.4K forks on GitHub has more adoption than Preact with 22.9K GitHub stars and 1.19K GitHub forks.

According to the StackShare community, Vue.js has a broader approval, being mentioned in 819 company stacks & 1169 developers stacks; compared to Preact, which is listed in 9 company stacks and 4 developer stacks.

What is Preact?

Preact is an attempt to recreate the core value proposition of React (or similar libraries like Mithril) using as little code as possible, with first-class support for ES2015. Currently the library is around 3kb (minified & gzipped).

What is Vue.js?

It is a library for building interactive web interfaces. It provides data-reactive components with a simple and flexible API.
Get Advice Icon

Need advice about which tool to choose?Ask the StackShare community!

Why do developers choose Preact?
Why do developers choose Vue.js?

Sign up to add, upvote and see more prosMake informed product decisions

    Be the first to leave a con
    What companies use Preact?
    What companies use Vue.js?

    Sign up to get full access to all the companiesMake informed product decisions

    What tools integrate with Preact?
    What tools integrate with Vue.js?

    Sign up to get full access to all the tool integrationsMake informed product decisions

    What are some alternatives to Preact and Vue.js?
    React
    Lots of people use React as the V in MVC. Since React makes no assumptions about the rest of your technology stack, it's easy to try it out on a small feature in an existing project.
    Inferno
    Inferno is an isomorphic library for building high-performance user interfaces, which is crucial when targeting mobile devices. Unlike typical virtual DOM libraries like React, Mithril, Virtual-dom, Snabbdom and Om, Inferno uses techniques to separate static and dynamic content. This allows Inferno to only "diff" renders that have dynamic values.
    Glimmer
    Glimmer is one of the fastest DOM rendering engines, delivering exceptional performance for initial renders as well as updates.
    Mithril
    Mithril is around 12kb gzipped thanks to its small, focused, API. It provides a templating engine with a virtual DOM diff implementation for performant rendering, utilities for high-level modelling via functional composition, as well as support for routing and componentization.
    jQuery
    jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
    See all alternatives
    Decisions about Preact and Vue.js
    ASP.NET
    ASP.NET
    Puppeteer
    Puppeteer
    vuex
    vuex
    ExpressJS
    ExpressJS
    React
    React
    Angular 2
    Angular 2
    Vue.js
    Vue.js
    Netlify
    Netlify
    Heroku
    Heroku
    #Seo
    #Heroku

    I found Heroku to be a great option to get ExpressJS up and running with very little hustle. The free tier is great, but I'd recommend to set up a cronjob to visit your site every few minutes so that the server stays awake. Netlify was the option to host the front-end because doing the server side rendering on #Heroku would have taken a little more time than I'd like to. For the moment pre-rendering the app with prerender-spa-plugin is enough to help with #seo. Puppeteer was my choice over other options because it made it easier to scrape websites made on ASP.NET which is what I needed in this case. And Vue.js is my top choice at the moment because it's really beginner friendly and it has a lot of the features I like about Angular 2 and React. vuex is a must in most of the app I build.

    See more
    Buzz Zhang
    Buzz Zhang
    React
    React
    Angular 2
    Angular 2
    Vue.js
    Vue.js

    For those who want to develop business in China, Vue.js would be your first choice. I never thought Vue.js is better than Angular 2 or React , but for project language choosing, sometimes you should not only consider technology advance, but also must consider human resource market.

    In China, there are far more engineers familiar with Vue.js than React and Angular, that means you can easily hire some front end engineers with much cheaper price. The reason why Vue.js is so popular in China is just because the community, as Vue.js author You Yuxi is Chinese, the community around Vue.js is mainly in Chinese language and most engineers speaks Mandarin, thus they can get questions and problems solved at first time.

    From technical side, Vue.js is more like a simplified Angular, syntax are mostly same, ng-if became v-if, ng-for became v-for. The most convenience part is Vue.js put html+js+css in one single vue file so that you will not have to create a separate folder to include 3 files as Angular does.

    To be frankly, I love Vue.js especially when I need to quickly create a small project contains only 1 or 2 pages even 5 pages, Vue.js would be the best choice, it's small and fast. For a really big and huge project, I will consider Angular, after all, there are far more complicated and interesting plugins to play with, Angular need more time, more code, more complex, but we senior engineer is living for some sophisticated code which only we can understand and set barriers for other beginners, right?

    See more
    Ido Shamun
    Ido Shamun
    at The Elegant Monkeys · | 5 upvotes · 14.7K views
    atDailyDaily
    Polymer
    Polymer
    React
    React
    Vue.js
    Vue.js
    #Frontend

    For developing our #frontend applications, we decided to use Vue.js . Being such an easy to learn library, compared to React for example, it made everything so easy. At first we started with Polymer but the existing tooling and small community at the time made us look for alternatives.

    See more
    Pedro Arnal Puente
    Pedro Arnal Puente
    CTO at La Cupula Music SL · | 8 upvotes · 12.7K views
    atLa Cupula Music SLLa Cupula Music SL
    JavaScript
    JavaScript
    ES6
    ES6
    Babel
    Babel
    ESLint
    ESLint
    Webpack
    Webpack
    Vue.js
    Vue.js
    jQuery UI
    jQuery UI
    jQuery
    jQuery

    We are phasing out jQuery and jQuery UI in favour or Vue.js and @Vue-cli so we can support building a modern, well-architectured frontend.

    The JavaScript build pipeline is supported by Webpack , and includes tools like ESLint and Babel , so we can properly support the latest ES/JS versions, with ES6 as the minimum baseline.

    See more
    Rory Womack
    Rory Womack
    Software Engineer at Relatient · | 3 upvotes · 2K views
    React
    React
    Vue.js
    Vue.js
    Angular 2
    Angular 2

    I recommend using Angular 2 when moving from Angular 1 if you are looking for a fully featured framework solution. Neither Vue.js nor React just work out of the box and require creating your own components from scratch as well as the kind of support architecture available in Angular 2 out of the box. However if you are looking for something lightweight to add reusable components to an existing application Vue.js and React are more ideal to that end.

    See more
    Vue.js
    Vue.js

    I use Vue.js because I find the resulting code cleaner, more concise and easier to read.

    However if you are looking for the broader community and wider corporate level adoption, go for react. Both work well and I have used both successfully. For me the preference for vue is a matter of personal taste with regards to code aesthetics.

    See more
    Tony Ko
    Tony Ko
    Front End Developer at Brandfire Marketing Group · | 6 upvotes · 947 views
    Vue.js
    Vue.js

    I use Vue.js because it allows me to keep dev momentum. Vue includes many things out of the box that React doesn't include while remaining "lighter" than angular. For example: - Vue single file components include template, logic and styling out of the box. It also allows you to use language parsers such as Pug to write your component template and SCSS for styling. - Vue uses a simple Object to initialize an instance - Vue has support for transitions out of the box (say, for example, a fade in-out between component swaps, or adding an element to a list) - Vue has observers and two way binding like angular - Vue can conditionally render content in templates via template conditional tags

    However, Vue is opinionated because of all those points. React is much more abstract and much closer to actual javascript. - React's state is a variable that lives in the constructor of the class component. - Reacts components are JS native classes or functions. - Devs are free to implement transitions, styled-components on their own. Styled-components however, is not as intuitive as Vue's CSS/SCSS support. - React is a bit less intuitive for conditional rendering, as it relies on methods or ternary operators to render template conditionally. - JSX actually compiles down to javascript.

    It really depends on your needs. Vue is most popular on Github but React has a huge demand in hiring (Mostly to convert existing angular or legacy applications to React). React is backed by Facebook and has more highly skilled contributors than Vue, though not to detract a single bit from Vue's own skilled contributors. If you're looking for developers, it's much easier to find seasoned react devs, at least as of Jul 2019. If you're a marketing or news agency that has deadlines, Vue's efficiencies may be the best, however, a large corporation may favour React since it has more support and is more of an "open slate" so to speak.

    See more
    Rafael Santos
    Rafael Santos
    CTO at Decision6 · | 11 upvotes · 13.5K views
    atDecision6Decision6
    Vue.js
    Vue.js
    React
    React
    AngularJS
    AngularJS

    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.

    See more
    Tassanai Singprom
    Tassanai Singprom
    Slack
    Slack
    BrowserStack
    BrowserStack
    Sentry
    Sentry
    Kibana
    Kibana
    Visual Studio Code
    Visual Studio Code
    npm
    npm
    GitLab
    GitLab
    GitHub
    GitHub
    Git
    Git
    Elasticsearch
    Elasticsearch
    Postman
    Postman
    Google Analytics
    Google Analytics
    MariaDB
    MariaDB
    GraphQL
    GraphQL
    Amazon RDS
    Amazon RDS
    Lumen
    Lumen
    Laravel
    Laravel
    Firebase
    Firebase
    Vue.js
    Vue.js
    Sass
    Sass
    Ubuntu
    Ubuntu
    Amazon EC2
    Amazon EC2
    Redis
    Redis
    jQuery
    jQuery
    HTML5
    HTML5
    PHP
    PHP
    JavaScript
    JavaScript

    This is my stack in Application & Data

    JavaScript PHP HTML5 jQuery Redis Amazon EC2 Ubuntu Sass Vue.js Firebase Laravel Lumen Amazon RDS GraphQL MariaDB

    My Utilities Tools

    Google Analytics Postman Elasticsearch

    My Devops Tools

    Git GitHub GitLab npm Visual Studio Code Kibana Sentry BrowserStack

    My Business Tools

    Slack

    See more
    React
    React
    Vue.js
    Vue.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?

    See more
    Johnny Bell
    Johnny Bell
    Senior Software Engineer at StackShare · | 14 upvotes · 806 views
    React
    React
    Vue.js
    Vue.js

    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.

    See more
    Mark Scott
    Mark Scott
    Personal Development at Mark Scott · | 3 upvotes · 0 views
    React
    React
    Vue.js
    Vue.js

    Having developed in both Vue.js and React, I agree with your assessment of Vue. It does feel light and easier to understand and therefore learn. Seeing that Vue has some genetic roots with React, I would say start your friend out on Vue. If they need to learn React later, that should give them a good foundation. If you have a Pluralsight subscription, look for my course on Vue.js and feel free to use the demo project as a starting point.

    See more
    Thomas LEVEIL
    Thomas LEVEIL
    at Mediaveille · | 5 upvotes · 1 views
    React
    React
    Vue.js
    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)

    See more
    Oguzhan Cetin
    Oguzhan Cetin
    Senior Developer at Melantis · | 4 upvotes · 2 views
    JavaScript
    JavaScript
    Vue.js
    Vue.js
    React
    React

    React is great, Vue.js is also great. But I'm personally using React, because React is changing the way I look at how JavaScript should be. This is a really big plus for me. Vue is good, but it's just another alternative. Also, too many big companies are using React, that means you can trust it for big projects.

    See more
    Vue.js
    Vue.js
    React
    React
    PHP
    PHP
    Laravel
    Laravel
    Node.js
    Node.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

    See more
    Interest over time
    Reviews of Preact and Vue.js
    No reviews found
    How developers use Preact and Vue.js
    Avatar of Andrew Gatenby
    Andrew Gatenby uses Vue.jsVue.js

    We think VueJS is great. It's the main tool used to generate the client-side UI of our updated admin system, as well as being used in other smaller projects. The possibilities that VueJS brings to the table, means that we can quickly create rich and app-like interfaces and experiences.

    Avatar of Marc3842h
    Marc3842h uses Vue.jsVue.js

    Vue.js is used in Kuro (https://github.com/Marc3842h/kuro).

    Kuro is the browser facing portion of shiro. Vue.js is used for rendering the interface of https://shiro.host as the frontend is client side rendered.

    Avatar of Mick Dekkers
    Mick Dekkers uses Vue.jsVue.js

    Vue.js is my front-end framework of choice. It's light, fast, and extensible. Its simplicity and reactivity system make it an absolute pleasure to use and it has a wonderful, ever-growing community.

    Avatar of Flux Work
    Flux Work uses Vue.jsVue.js

    New and very popular. Less legacy to deal with compared to React. Great documentation. Easy to get started.

    Avatar of Fred Steffen
    Fred Steffen uses Vue.jsVue.js

    It's amazing! Single file components, supports pug and sass, very easy to use, very fast, light weight.

    How much does Preact cost?
    How much does Vue.js cost?
    Pricing unavailable
    Pricing unavailable
    News about Preact
    More news