VueWeekly.dev - Issue #2 - vue-cli adds support for Vue 3 + Using the Composition API in React components 🙌
vue-cli adds support for Vue 3 (beta) in v4.5
Ready to test out a new application with Vue 3?
This version adds first-class Vue 3 support (for preview). You no longer need vue-cli-plugin-vue-next to serve and build Vue 3 projects.
https://github.com/vuejs/vue-cli/releases
Vue 3 Documentation is Live!
Who loves reading docs? We do 🙂. The Vue 3 Beta documentation site is up and jam-packed with goodness ranging from Teleport to Accessibility.
We highly recommend the migration guide to get a feel for what changes you may need to make in your application moving forward.
reactivue
A really exciting (not production-ready, yet) way of using the new Vue 3 Composition API in React.
This leaves us thinking...could this be used as an ergonomic way to leverage Vue in React Native at some point?...
Use Vue Composition API in React components.
I love Vue Composition API and its reactivity system, but functional components in React are also sweet with Typescript. Instead of making a choice, why not to use them together?
import React from 'React'
import { defineComponent, ref, computed, onUnmounted } from 'reactivue'
https://github.com/antfu/reactivue
VueUse
VueUse is another project that is helping to build excitement around the upcoming new language features. Remember all those utilities that you had to recreate for each project? What if there is an easier way...
Collection of essential Vue Composition API
⚡ 0 dependencies: No worry about your bundle size
🌴 Fully tree shakable: Only take what you want
🦾 Type Strong: Written in Typescript
🕶 Seamless migration: Works for both Vue 3 and 2
🌎 Browser compatible: Use it though CDN
🎪 Interactive docs & demos: Check out the Storybook!
🔌 Optional Add-ons: Firebase, vue-i18n, etc
Vetur v0.25.0 Released
- prettier 2.0 support
- pug formatter
- New veturpack
- Workspace custom tags (customize tag auto-completion)
https://github.com/vuejs/vetur/releases/tag/v0.25.0
Pinia
🍍Automatically Typed, Modular, and lightweight (but Experimental) Store for Vue based on the composition api with devtools support
https://github.com/posva/pinia
Wiki.js
Extensible is an understatement here. Wiki.js is very much a full-featured Wiki software that happens to use Vue for the client application.
Also, it looks like v2.5 is just around the corner.
A modern, lightweight and powerful wiki app built on Node.js
amplify-js-samples
Authentication is usually a tricky spot for any developer starting a new project. If you're already using AWS for services or infrastructure then you might want to give Amplify a look.
In this example, we will use the Authenticator UI Component to allow users to signup and signin. We have bootstrapped this application using the Vue CLI.
<template>
<div>
<amplify-container v-if="authState !== 'signedin'">
<amplify-authenticator></amplify-authenticator>
</amplify-container>
<div v-if="authState === 'signedin' && user" id="app" class="App">
<div class="App-header">Hello, </div>
<HelloWorld msg="Welcome to Your Vue.js App" />
<amplify-sign-out></amplify-sign-out>
</div>
</div>
</template>
PrimeVue 2.0 Released
Powerful yet simple to use, versatile, performant Vue UI Component Library to help you build stunning user interfaces.
https://www.primefaces.org/primevue/
Copyright © 2020 VueWeekly.dev, All rights reserved.
Have suggestions for content? Send us a note @ vueweeklydev@gmail.com.