Discussion on: Why we went with PreactJs to power the dev.to frontend

[Ben Halpern]

Vue seems like another well-crafted post-Angular-1 project with some really friendly functionality. Just look at some of the code from the official guide.

<div id="app-5">
  <p>{{ message }}</p>
  <button v-on:click="reverseMessage">Reverse Message</button>
</div>

var app5 = new Vue({
  el: '#app-5',
  data: {
    message: 'Hello Vue.js!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
    }
  }
})

Really easy to see what's basically going on here. A lot more baked-in niceties than React that can clarify the syntax. It's also built around easy onboarding/adoption as a key feature. I can see why people like it. If I played around with it more, you might be able to get me excited, but for all the things we really care about, Preact seems like the clear choice for us.

These posts by @neradev are a really good introduction to Vue

An introduction to Vue.js - Chapter 1 - Basic Setup

Moritz Schramm

#javascript#vue

[Rémy 🤖]

VueJS is indeed a post-angular tool, but it would be very short-sighted to reduce it to that:

• There's an amazing Webpack loader for components (just try it out)
• If you like JSX (meh) well there you go
• States update are detected automatically
• There is server-side rendering (see projects like Nuxt)

It's really my default (and only) go-to framework, I've never heard anybody complain about it (not even the guys that said "I'll never do front-end again it's too crappy")

[ImTheDeveloper]

I've built a couple of projects now with the early nuxt versions and its been great. I'm really tempted to give it a run within an electron app since I found the learning curve very quick to jump onto.

[Rémy 🤖]

I've used it on U2Guide and yeah, it rocks (well, I had to leave the project before then end, but anyways).