July 17, 2020, 8:48 p.m.

VueWeekly.dev - Issue #1 - Vue RFC #182 SFC Improvements + Nuxt.js Making Headwinds

VueWeekly.dev

Vue RFC #182 SFC Improvements

SFC Improvements RFC

Big props to Evan and the Vue core team for getting these improvements into the Vue 3 betas in 2 weeks. Especially looking forward to using the state-driven CSS vars 🎉.

This PR includes 3 RFCs related to improving the authoring experience of Vue SFCs.

<template>
  <div class="text">hello</div>
</template>

<script>
export default {
  data() {
    return {
      color: 'red'
    }
  }
}
</script>

<style :vars="{ color }">
.text {
  color: var(--color);
}
</style>

Vue 3 Release Candidate 1 Released 🚀

A huge step closer for those patiently awaiting the stable release of Vue 3.

https://github.com/vuejs/vue-next/releases/tag/v3.0.0-rc.1


The process: Making Vue – Increment: Frontend

A lengthy, but essential read for anyone who plans to use Vue 3. It methodically breaks down the team’s process – from getting the community involved with the RFC process, to finding a balance between features and simplicity.

https://increment.com/frontend/making-vue-3/


Nuxt Content

An amazing addition to the Nuxt.js ecosystem for working with content of all types. This gave me the same jitters as when VuePress was initially announced…

  • Blazing fast hot reload in development
  • Vue components in Markdown
  • Full-text search
  • Support static site generation with nuxt generate
  • Powerful QueryBuilder API (MongoDB like)
  • Syntax highlighting to code blocks in markdown files using PrismJS.
  • Table of contents generation
  • Handles Markdown, CSV, YAML, JSON(5), XML
  • Extend with hooks


Introduction - Nuxt Content

Empower your NuxtJS application with @nuxt/content module: write in a content/ directory and fetch your Markdown, JSON, YAML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS.


vue-class-store

If you’ve been looking for some type of safety and class structure to your Vuex store, this library is for you. This library promises reactivity, computed properties, and watchers. Write in TypeScript or vanilla JS. No Setup or boilerplate. Use it anywhere!

https://github.com/davestewart/vue-class-store


Building, authenticating and hosting VueJS App with AWS Amplify

Using AWS Amplify can really increase development velocity by providing scalable AWS integrations. This post walks through the process of getting up and running quickly with your Vue project.

Read the article here


Vue 3 Playground

An evolving real-world example of the new features that are landing in Vue 3.

Vue 3 Playground stands as a learning project for those who want to get familiar with the new features of Vue 3.

https://github.com/blacksonic/vue-3-playground


Full Throttle with Nuxt Static Mode

Nuxt received some major upgrades to its JamStack game with the 2.13.0 release. In this post I’ll run through the new features, how to use them, and how you can say goodbye to nuxt generate for good.

Read the article here


cookiecutter-vue-django

Want to get up and running fast with Vue and Django? This template has all of the nuts and bolts for a production app that leverages the best of both worlds. This setup allows for use of Vue as a SPA or integrated into Django templates to get the best of both worlds.

See the project here


Creating Tiny Desktop Apps With Tauri And Vue.js

If you have not checked out Tauri yet then do so now. It’s a great alternative to Electron with a much, much smaller bundle size.

Tauri is a toolchain for creating small, fast, and secure desktop apps from your existing HTML, CSS, and JavaScript. In this article, Kelvin explains how Tauri plays well with the progressive framework Vue.js by integrating both technologies in bundling an example web app called nota as a native application.

https://www.smashingmagazine.com/2020/07/tiny-desktop-apps-tauri-vuejs/


OverVue.dev

A helpful collection of real-world implementations of common Vue concepts. These snippets will come in handy no matter how long you’ve been using Vue.

I always found “foo” and “bar” placeholders hard to read. I tried to create snippets that you can grab as fully working components so you (and I) can start using it in Vue projects or simply for learning purposes.

https://overvue.dev/


Vetur: status quo, development, sponsorship and direction

A great, and admittedly long-overdue, post from the developer behind Vetur. He provides a go-forward plan that puts an emphasis on Vue 3 support, typescript integration, performance improvements, and VLS/VTI enhancements. Please support him if you’re able to.

I hope Vetur can help you play with Vue and have fun. I hope Vetur can help you build large applications confidently as well. It’s a lot of work ahead, but that’s my goal, and your generosity will help me getting there.

Read the post here


Copyright © 2020 VueWeekly.dev, All rights reserved.

Have suggestions for content? Send us a note @ vueweeklydev@gmail.com.

You just read issue #1 of VueWeekly.dev. You can also browse the full archives of this newsletter.

Brought to you by Buttondown, the easiest way to start and grow your newsletter.