Feb 27, 2018

Vue.js News #83: Vue.js Amsterdam talks by Sarah Drasner and Roman Kuba, how to create higher order components in Vue and more!

Revue

February 27 · Issue #83 · View online

🔥Two Vue.js Amsterdam/Frontend Love videos are here! 🔥
Make sure to check out the talks by Sarah Drasner “Animating Vue How capable and elegant is Vue js in terms of animation” and Roman Kuba “Scaling Vue in an existing stack”.

Ever since I saw Higher-Order Components I wanted to use them (mostly because of the aesthetics of composition), until I learned that they don’t really solve anything you can’t solve with mixins and both solutions come with similar cons. If you’re still wondering about this topic, I would suggest to watch this awesome talk about render props, which is basically how scoped slots work in Vue.

— Damian

🎧 Listen to the Podcast version of this issue

Subscribe w/🍏 Apple Podcasts, 🤖 Android, Stitcher, or RSS.

⬇️ Download MP3

News

Sarah Drasner – Animating Vue

www.youtube.com – Share

A recording of Sarah Drasner’s Vue.js Amsterdam talk is now available on Youtube.

Roman Kuba – Scaling Vue in an existing stack

www.youtube.com – Share

Another recording from Vue.js Amsterdam landed on Youtube!

Articles

Higher Order Components in Vue.js – Bogna Knychala

medium.com – Share

Did you know a Higher Order Component can help you share logic between your other components? If you’re not into mixins, learn more about HOCs in this article.

Creating Reusable Transitions in Vue – Cristi Jora

vuejsdevelopers.com – Share

An elegant guide for encapsulating reusable transition effects. This tutorial includes preparing adjustable duration and built-in support for transition groups.

Custom routes with Nuxt.js – Francesco Greppi

medium.com – Share

Working with routes and configuration generated by Nuxt.js, localised paths and Nuxt modules - it’s all here.

How to use Google reCaptcha with Vuejs – Sello

medium.com – Share

A simple tutorial describing how to use reCaptcha with your user signup form to ensure users aren’t bots.

Dynamic and Async Components made easy - Lobo Tuerto

lobotuerto.com – Share

Learn how to load components asynchronously so you’re only loading code for sections of the app that are actually displayed.

Building a Simple Face Recognition App with Vue.js and Kairos ― Scotch

scotch.io – Share

Learn how to use Kairos to build a simple face-recognition app with Vue.js.

Google Places Autocomplete in Vue.js – DailyJS

medium.com – Share

Henrik Fogelberg show’s that integrating Google Places with Vue is so simple that no npm packages are required.

Resources

Vuesax

lusaxweb.github.io – Share

Vuesax is a component library based on Vue js 2.0

GitHub - dotboris/vuejs-serverside-template-xss

github.com – Share

Demo of a Vue.js app that mixes both clientside templates and serverside templates leading to an XSS vulnerability

GitHub - chrisvfritz/vue-enterprise-boilerplate

github.com – Share

An ever-evolving, very opinionated architecture and dev environment for new Vue SPA projects using Vue CLI 3.

GitHub - DominikSerafin/vuebar

github.com – Share

Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.

GitHub - express-vue/express-vue

github.com – Share

Vue rendering engine for Express.js. Use .Vue files as templates using streams

GitHub - studbits/vue-prosemirror-editor

github.com – Share

📝 Minimal Prosemirror Wrapper for Vue.js, to create a rich, collaborative editor

Progressive Weather App

jimmerioles.github.io – Share

Did you enjoy this issue?

If you don't want these updates anymore, please unsubscribe here.

If you were forwarded this newsletter and you like it, you can subscribe here.