Jul 25, 2018

#104: Announcing Vue.js Core Team Summit #1; Vue.js Roadtrip videos

Revue

July 25 · Issue #104 · View online

I’m very happy to announce that along with several other Vue core team members we will be organising a free community meetup in Wrocław, Poland on Thursday next week (August 2nd). The event is called the Vue.js Core Team Summit and we intent to organise those whenever we’re gathering for a new Vue sprint.

Wondering what’s a Vue sprint? It’s a special week where members of the core team gather together in one place and work on different core Vue tools and libraries like the Vue-Devtools for example.

I will keep you posted about all the things we will be working on next week!

— Damian Dulisz

🎧 Listen to the Podcast version of this issue

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

⬇️ Listen now or download MP3

News

Vue.js Core Team Summit #1 | Community Meetup

www.meetup.com – Share

Along with 7 other Vue core team members we decided to organise a Vue.js Meetup during our Vue Sprint next week in Wrocław, Poland. The event is free and it will feature two talks by Chris Fritz and Guillaume Chau, followed by a Q&A session. If you happen to be nearby on Thursday, August 2nd at 6:30pm join us and say hi! Keep in mind there are only 150 seats.

Vue.js Roadtrip Talk Videos – Playlist

www.youtube.com – Share

Several talks from the recent Vue.js Roadtrip events are now available on YouTube. Here’s the list:

Guillaume Chau - Apollo & GraphQL
Quique Fdez Guerra - Real and Scalable applications with Nuxt, Vuex and Typescript
Sebastien Chopin - Fast Prototyping with Vue.js
Cristian Ronzio - Server Side rendered Vuejs app
Ives van Hoorne - Codesandbox | Online web application editor

Articles

Building "Renderless" Vue Components – Samuel Oloruntoba – CSS-Tricks

css-tricks.com – Share

In some cases you need your components to do the same thing but have a completely different template. You can do that by abstracting the scripts into a mixin. This can also be accomplished by building a renderless component, that uses scoped-slots to share both data and methods.

Recursion for Nested, Tree-Structure Components in Vue – Kyle Holmberg

medium.com – Share

Recursion is something every developer learns about at some point in their education. The second step is learning when to use it. Tree-structure based components (think nested navigation or comments) are a perfect case for that and in this article Kyle Holmberg explains how to build such a component.

Testing Vue with Jest part II – Ramon Schmidt

medium.com – Share

Here’s a another great article about testing with Jest. Ramon explains how to use the shallowMount and trigger methods of vue-test-utils, that are a vital element of testing Vue components.

Mastering Vuex — Zero to Hero – Sanath Kumar

medium.com – Share

If you were looking for a compressed, step-by-step intro to Vuex here’s a great article that does just that.

Vue CLI 3: New Era in Frontend Development – Tomasz Żdanuk

naturaily.com – Share

Vue CLI 3 is just around the corner though I personally believe it’s already production ready. In this article Tomasz Żdanuk goes through the most important new features of the new tool and explain why they matter.

Building a simple real-time chat application using Socket.io, Express and Vue.js – Sanath Kumar

medium.com – Share

A great tutorial that will teach you how to build a real-time chat app from the very start using vue-socket.io, a tool that creates a seamless bridge between Vue and Socket.io.

Build an Instagram clone with Vue.js and CSSGram – Hassan Djirdeh

medium.com – Share

Another great tutorial, this time teaching you how to build an Instagram clone. This includes uploading and editing images using CSSGram as well as drag-scrolling with vue-dragscroll.

Creating a Markdown editor/previewer in Electron and Vue.js – David Herron

blog.sourcerer.io – Share

If you’re interested in building desktop applications this tutorial might be for you. David Herron has put tons of work in this article and it shows. Read it and learn how to build an Electron-based Markdown editor with the use of the electron-vue project.

Showcase

Gradient Hunt - Beautiful Color Gradients

gradienthunt.com – Share

Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like. Built with Vue.

Jobs

Front-End Engineer (Vue.JS, React.JS) – Portland, OR, USA, Remote – Freelance

vuejobs.com – Share

Remote JavaScript Developer – Remote – Freelance

vuejobs.com – Share

JavaScript Developer – Montreal, QC, Canada – Full-time

vuejobs.com – Share

Frontend Developer – London, UK – Full-time

vuejobs.com – Share

Resources

GitHub - xaksis/vue-good-table

github.com – Share