Get Advice Icon

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

React.js Boilerplate
React.js Boilerplate

190
206
+ 1
10
Vue.js
Vue.js

10.7K
8.3K
+ 1
1K
Add tool

React.js Boilerplate vs Vue.js: What are the differences?

Developers describe React.js Boilerplate as "🔥 Quick setup for performance orientated, offline-first React.js apps". Quick setup for new performance orientated, offline–first React.js applications featuring Redux, hot–reloading, PostCSS, react-router, ServiceWorker, AppCache, FontFaceObserver and Mocha. 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.

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

Some of the features offered by React.js Boilerplate are:

  • Using react-transform-hmr, your changes in the CSS and JS get reflected in the app instantly without refreshing the page. That means that the current application state persists even when you change something in the underlying code! For a very good explanation and demo, watch Dan Abramov himself talking about it at react-europe.
  • Redux is a much better implementation of a flux–like, unidirectional data flow. Redux makes actions composable, reduces the boilerplate code and makes hot–reloading possible in the first place. For a good overview of redux, check out the talk linked above or the official documentation!
  • Babel is a modular JavaScript transpiler that helps to use next generation JavaScript and more, like transformation for JSX, hot loading, error catching etc. Babel has a solid ecosystem of offical preset and plugins.

On the other hand, Vue.js provides the following key features:

  • Reactivity
  • Components
  • Modularity

React.js Boilerplate and Vue.js are both open source tools. Vue.js with 143K GitHub stars and 20.7K forks on GitHub appears to be more popular than React.js Boilerplate with 22.9K GitHub stars and 4.59K GitHub forks.

What is React.js Boilerplate?

Quick setup for new performance orientated, offline–first React.js applications featuring Redux, hot–reloading, PostCSS, react-router, ServiceWorker, AppCache, FontFaceObserver and Mocha.

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 React.js Boilerplate?
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 React.js Boilerplate?
    What companies use Vue.js?

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

    What tools integrate with React.js Boilerplate?
    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 React.js Boilerplate and Vue.js?
    jQuery
    jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.
    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.
    jQuery UI
    Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice.
    AngularJS
    AngularJS lets you write client-side web applications as if you had a smarter browser. It lets you use good old HTML (or HAML, Jade and friends!) as your template language and lets you extend HTML’s syntax to express your application’s components clearly and succinctly. It automatically synchronizes data from your UI (view) with your JavaScript objects (model) through 2-way data binding.
    Select2
    It gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options. It comes with support for RTL environments, searching with diacritics and over 40 languages built-in.
    See all alternatives
    Decisions about React.js Boilerplate and Vue.js
    Heroku
    Heroku
    Netlify
    Netlify
    Vue.js
    Vue.js
    Angular 2
    Angular 2
    React
    React
    ExpressJS
    ExpressJS
    vuex
    vuex
    Puppeteer
    Puppeteer
    ASP.NET
    ASP.NET
    #Heroku
    #Seo

    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
    Vue.js
    Vue.js
    Angular 2
    Angular 2
    React
    React

    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 · 37.5K views
    atDailyDaily
    Vue.js
    Vue.js
    React
    React
    Polymer
    Polymer
    #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 · 19.3K views
    atLa Cupula Music SLLa Cupula Music SL
    JavaScript
    JavaScript
    jQuery
    jQuery
    jQuery UI
    jQuery UI
    Vue.js
    Vue.js
    Webpack
    Webpack
    ESLint
    ESLint
    Babel
    Babel
    ES6
    ES6

    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
    Angular 2
    Angular 2
    Vue.js
    Vue.js
    React
    React

    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 · | 6 upvotes · 950 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 · 19.6K views
    atDecision6Decision6
    AngularJS
    AngularJS
    React
    React
    Vue.js
    Vue.js

    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