Vue.js Icon

Vue.js

Vue.js is a JavaScript framework for building interactive web applications.
44 Stories
All Topics

Smashing Magazine Icon Smashing Magazine

Vue.js and SEO: how to optimize reactive websites for search engines and bots

Real life data on how Google indexes javascript-rendered websites today. This has been a controversial subject, and this article by no means settles it entirely, but provides some strong data for what types of dynamic content are well indexable and which are not.

Though to be honest, I think the most important conclusion the author makes might be this one:

If you need your site to perform on search engines other than Google, you will definitely need pre-rendering of some sort.

Vue.js github.com

A renderless (?) and extendable rich text editor for Vue.js

Hot on the heels of Rails’ announced rich text editor comes tiptap for Vue, which is built with Prosemirror. But what does “renderless” even mean?

With renderless components you’ll have (almost) full control over markup and styling. I don’t want to tell you what a menu should look like or where it should be rendered in the DOM. That’s all up to you. There is also a good article about renderless components by Adam Wathan.

That’s a great idea as long as you provide some default/swappable rendering for folks who just want to get started quickly. Full demo of tiptap in action right here.

Evan You Medium (via Scribe)

Vue CLI 3.0 is here!

Good news — the next generation of Vue CLI, the standard build toolchain for Vue applications, is here. Evan You writes:

Vue CLI 3 is a completely different beast from its previous version. The goal of the rewrite is two-fold:

  1. Reduce configuration fatigue of modern frontend tooling, especially when mixing multiple tools together;
  2. Incorporate best practices in the toolchain as much as possible so it becomes the default for any Vue app.

This means that any Vue CLI 3 project comes with out-of-the-box support most of today’s preferred ways to build and ship applications.

Ives van Hoorne Medium (via Scribe)

CodeSandbox launched their dashboard and teams feature

I’ve been closely watching CodeSandbox and have been thoroughly impressed with the work Ives van Hoorne and the 75+ contributors have put into this online code editor for … React, Preact, Vue, and more.

I’ve been thinking about getting Ives on Founders Talk to talk about the business model behind CodeSandbox. It seems to have this interesting self baked, pay what you want, Patron model to cover the expenses of CodeSandbox. Most of the features are free with limits, and being a “Patron” lifts those limits + extra features, and supports the costs and development efforts.

CodeSandbox launched their dashboard and teams feature

Learn vuehandbook.com

The Vue Handbook

A free ebook by Flavio Copes. Here’s the skinny:

After spending a lot of time diving into Vue, in preparation for a Vue online course I’m building, I created this free resource that contains a lot of material to help anyone go from zero Vue knowledge to having a pretty good overview of this popular JavaScript frontend framework.

The book’s content is behind a newsletter signup. That’s the price of free, I guess. 🤷‍♂️

Evan You vuepress.vuejs.org

VuePress – a Vue-powered static site generator

Here’s a shiny new new project from Vue’s creator. There are plenty of static site generators in the wild, but most of them are created with blogging or generic content in mind. VuePress has a specific angle:

VuePress is composed of two parts: a minimalistic static site generator with a Vue-powered theming system, and a default theme optimized for writing technical documentation. It was created to support the documentation needs of Vue’s own sub projects.

The default theme looks great (no surprise there) and the supporting documentation/story telling around VuePress is quite impressive as well. But perhaps you’re wondering, “Why not $X?”, where $X is a similar alternative. Here’s why.

Vue.js vuejs.org

Vue.js gets a cookbook 👩‍🍳

Unlike the guide which walks you through building a Vue app in story form, the cookbook is all about focused examples of how to accomplish specific goals with the framework.

This is an excellent addition to the compendium of documentation in support of the project, and one that’s worthy of emulation once your framework has a base set of docs that are solid.

Smashing Magazine Icon Smashing Magazine

Replace jQuery with Vue.js without requiring a build step

What some people don’t not know is that you can incorporate Vue into your project the same way that you would incorporate jQuery, no build step necessary. You don’t have to rewrite the HTML in JavaScript, you don’t have to use webpack, and you don’t have to set up a giant system.

In this post Sarah Drasner covers common jQuery use cases and how to switch them over to Vue, and why you’d even want to.

  0:00 / 0:00