Vue conference and meetup videos from 2018 (Q1 digest)

This is the third post covering the latest events of the Vue community (Q3 2017, Q4 2017 and this is the Q1 2018 digest) but this is the first one featuring videos from Vue conferences: VueConf New Orleans and VueJS Amsterdam—and of course several super-exciting talks from Vue meetups across the world.

VueJS Talks 2018 Q1

The Q2 edition is already on the way, stay tuned with the monthly newsletter and twitter.

Jump to the event's videos:

VueNYC (New York, NY)

What I didn’t get at the workshop 🗣

Alex Zhang

Last month we did a vue workshop. a vue beginner (vueginner? nah) talks about stuff she didn’t understand from it. maybe you got these questions too, idk. mad chill lowkey (like so lowkey it’s not even a key) “talk”.

 

Visual Testing For Component Libraries

Dominic Nguyen (Chroma)

Testing user interfaces has always been tricky. The details of UI are nuanced and subjective. “Does this look right?” Co-opting existing testing solutions like unit, E2E, and snapshot tests tends to be brittle and time-consuming. Visual testing takes a different approach. It focuses the human tester (you) on the exact components in the exact states that require attention. It turns out to be a pragmatic yet precise way to test UI component libraries. This presentation goes over why to consider visual testing in Vue, what tools are needed, and how it fits into your development process.

Nice to meet Vue!

Peter S Kang

Are you new to Vue? Not sure what to expect? I’ll be sharing my experience with my first Vue project and some neat things it can do. A huge emerging trend that’ll likely stick around is creating seamless transitions between separate pages of apps and websites. VueJS does this really well without a lot of set up. I’ll walk you through how you can create beautiful routing animations to enhance user experience.

Using Vue.js in Server Rendered Environments

James DiGioia (Valtech)

While all the cool kids are running node servers in production, some of us work in enterprise environments with big Java / C# backends. Vue.js works very well for these types of environments. We’ll go through why, some challenges you’ll run into, and some tips for solving them.

Component Interfaces

Justin Bennett

Props, events, and slots are the mechanisms that vue provides to allow components to interact with one another. This talk aims to introduce each concept, explore some of their deeper complexities, and hopefully provide greater insight into how to write reusable components.

RequireLX (Lisboa, Portugal)

Vue: State management with Vuex

Tiago Dias

NewcastleJS (Newcastle, Australia)

A Room With a Vue

Matt Stow (NRL)

How the NRL uses Vue.js to progressively enhance and hydrate server-side rendered HTML and their transition away from React. Matt is the Lead UX Engineer at nrl.com

JavascriptLA (Los Angeles, CA)

Intro to Vue.js

Brad Ito (Retina.AI)

Vue.js is set to take over web front-end development. In Github stars it has more than double the stars as Angular 2/4, and nearly ties React. In Google trends it exceeds all other frontend frameworks. Come learn how a simple and powerful new framework has taken the best of existing frameworks and remixed it into something transformative and new. Brad Ito is CTO & Co-Founder of Retina.AI but among our comunity he’s better known as the head organizer of the LA Vue.js meetup. Graduate of the Massachusetts Institute of Technology, Brad is a Technology omnivore. Polyglot Software/Web Developer (Typescript, Javascript, Python, PHP, Java) Kanban ProjectManagement proponent Big Data / Data Science architect. His company Retina.AI is currently Hiring! They’re looking for the first hires, who will be instrumental in shaping the product and success of the company. The office is located near the beach and third street promenade in beautiful Santa Monica. They’ve led data science teams at Facebook and Paypal, built, and sold companies, and built the core tech behind several startups. Open Positions at http://retina.ai/careers/

VueJS Berlin (Berlin, Germany)

Loading data into a Single Page Application

Yaw Boakye (hypcloud)

Loading data into a Single Page Application and keeping it fresh is fraught with errors. During the talk we’ll explore patterns for loading data (and refreshing them in the background or in the main thread) and how it affects route transitions. We’ll also take a good look at Vuex and the Vue Router and ways to make them work together for our users. Yaw is a member of the Ember Learning Team which is responsible for the documentation and official Ember Guides that can be found here: https://guides.emberjs.com. They are also responsible for other non-official learning material for the Ember framework. He recently moved to Berlin to work at hypcloud (https://hypcloud.de) where they use Vue on the frontend.

Meteor & Vue.js

Karel Mácha ((ex Clevershuttle) Westernacher Solutions AG)

– METEOR + VUeJS – introduction into meteor – why meteor ? – using meteor reactive data in Vue – using Single-file components in meteor project – routing for Vue and Meteor

Things I Learned Building a Saas App with Vue.js

Tim Nolet

In this talk Tim discusses some of the patterns, gotchas and totally awesome things he discovered while building a Saas app. Topics are: – Authentication & Authorization: everyone hates it, how to make it nice? – Reuse by containers, views and components. – Deploying on Heroku and AWS. Tim is an engineer and solopreneur working on his first Saas product https://checklyhq.com. He also does code and evangelism work for https://vamp.io and like playing guitars and moogs.

FreeCodeCamp Vienna (Vienna, Austria)

Introduction To Vue.js

Robert Axelsen

Robert Axelsen will be giving us an introduction to Vue.js, the JavaScript Framework. Examples and resources will be covered, enabling you to start coding with Vue.js immediately.

Frontend Developer Meetup Amsterdam (Amsterdam, Netherlands)

Vue.js for Angular.js developers — Vue.js API and Usage

Mikhail Kuznetcov

VueConf US 2018 (New Orleans, LA)

Start Your Own Vue.js Meetup

Ben Hong

Have you been thinking about starting your own Vue.js meetup? In this lightning talk, Ben Hong walks you through 5 easy steps you can follow if you want to start your own Vue meetup in your city. Download our free Vue.js syntax cheat sheet today by going to: https://www.vuemastery.com/vue-cheat-sheet/

The Future of Vue.js in 5 Minutes

Gregg Pollack (Vue Mastery)

On March 26-28 the first VueConf.us took place in New Orleans, LA. Gregg Pollack from Vue Mastery was there to ask each of the speakers (many of which who were Vue Core Team members) what they’re most excited about in the next year of Vue.js. More information and links can be found in my article here: https://medium.com/vue-mastery/the-future-of-vue-js-in-5-minutes-df9953142427

State of Vue

Evan You

Evan You is the creator of the Vue project. In his VueConf talk he covers the growth of Vue, recent project releases, the maturing eco-system, the Vue-Loader rewrite, Vue CLI 3, upcoming releases of Vue.js, and initiatives to improve the stability and evolution of the library. More info: https://www.vuemastery.com/conferences/vueconf-2018/opening-keynote-evan-you/

How We Do Vue At GitLab

Jacob Schatz (Gitlab)

We talk about what we’ve learned in 1 year of using Vue in production. How we mix in Vuex, webpack, and other tools. How we write tons of code and get from idea to production so quickly using VueJS as our workhorse. How we get crap done at GitLab. More info: https://www.vuemastery.com/conferences/vueconf-2018/how-we-do-vue-at-gitLab-jacob-schatz/

Vue in Motion

Rachel Nabors

Learning a JavaScript framework can look intimidating if you come from a traditional design background. But Vue has some of the best features for designing with motion. Come see how to translate your motion design into Vue-powered prototypes! More info: https://www.vuemastery.com/conferences/vueconf-2018/vue-in-motion-rachel-nabors/ Rachel Nabors is the cultivator of the Web Animation community, author of Animation at Work, a Google Developer Expert, invited expert at the W3C, and has helped clients build motion design into their user interfaces. She believes that animation is a necessary part of a complete and balanced user experience because it helps convey information visually that could otherwise bog down the human brain.

Testing Vue Apps

Edd Yerburgh

In this talk Ed explains how to structure a test suite, and how to write effective unit tests for Vue components. More info: https://www.vuemastery.com/conferences/vueconf-2018/testing-vue-apps-edd-yerburgh/ Edd Yerburgh is a Sofware Engineer at the BBC in London and is also the main author of Vue Test Utils library. As soon as your Vue application gets large you’re going to need to write automated tests to keep bugs away.

Serverless Functions and Vue.js

Sarah Drasner

We’ll cover key use cases for these functions within a Vue.js application: we’ll accept payments with stripe, we’ll gather geolocation data from Google Maps, and more! Making it work with Vue and Nuxt and simplifying how to leverage this paradigm to be a workhorse for your application. More info: https://www.vuemastery.com/conferences/vueconf-2018/serverless-functions-and-vue-sarah-drasner/

VueRx

John Lindquist (egghead.io)

Vue.js ships with a built-in reactive system to help easily manage data and state throughout your app, but RxJS streams allow you to control complex async situations through streams. This lecture will cover how Vue.js integrates with RxJS and walks through the common problems taking this approach can solve. John is one of the founders of egghead.io, and in his talk from VueConf he walks through using vue-rx which combines Vue with the RxJS streaming library.

Create an Engaging Native Mobile App with Vue and NativeScript

Jen Looper (Progress)

Need a mobile app to offer different, yet complimentary functionality, while retaining shared code between your website and mobile app? Welcome to the beautiful world of Vue and NativeScript, which, paired together make for a great user experience. Jen Looper is a senior developer advocate at Progress, the creators of NativeScript. She started her talk by speaking on Vue Vixens, a concept similar to ng-girls / django-girls / rails bridge. Vue Vixens aims to provide free day long conferences to teach web and mobile skills to new developers or devs switching technologies. They are looking for invitations to conferences to give these workshops as well as volunteers and mentors.

7 secret patterns Vue consultants don’t want you to know

Chris Fritz

As a Vue consultant and member of the core team, Chris will share some of the lesser-known features and patterns you can use to improve your apps and amaze your colleagues.

Agile Design Systems in Vue

Miriam Suzanne (OddBird)

In her talk, Miriam gives the why, what, and how of using design systems inside your applications. She also introduces Herman, an automated design system generator she helped build.

Vue & TypeScript Up and Running

Daniel Rosenwasser (Microsoft)

One of TypeScript’s goals is to make sure that JavaScript users of all communities can use the language. Over the last year, the TypeScript team has put effort in to making TypeScript & Vue work together much more seamlessly. Come find out a bit about that work, and how you can benefit from TypeScript today! Daniel is a Program Manager at Microsoft working on the TypeScript language and compiler. TypeScript is JavaScript plus types, specifically static types. In JavaScript all your values already have types, though you may not specify them. Specifying static types helps you recognize bugs and undesirable behavior in your code. Using TypeScript with a tool like VSCode also gets you a ton additional features to help you write less buggy code.

A React Point of Vue

Divya Sasidharan

As a React developer learning Vue, adapting to the “Vue way of doing things” is a challenge that requires a sound understanding of the philosophy behind Vue. We will examine the nuances of the two frameworks and cover common mistakes that React developers make when switching to Vue. Divya Sasidharan is a professional Front End developer who transitioned from using React to using Vue. In her talk, React Point of Vue, she shares her experience of applying what she knew about React to Vue, and how she altered her ways of thinking and coding in order to use Vue more effectively.

Vue & SSR: The best practices

Sebastien Chopin (ORION SAS)

Writing a Universal Application with Vue might be hard, this talk will show common problems with server-side rendering and how to deal with them. It will also show how Nuxt.js solves most of these problems for you. Sebastian Chopin is the co-author of Nuxt.js and has extensive experience using node.js, Backbone.js, and doing server-side rendering.

A Short Synopsis of Vue Storybook

Peter Finn (SalesLoft)

Building and documenting a component library at your company can be a huge hassle, but is a great way to keep your code consistent and clean among all of your projects. Storybook and Vue take most of the pain out of this, and allow you to develop a set of core components and document them in no time! Peter is a UI Engineer at SalesLoft in Atlanta where he started the Atlanta Vue.js meetup. In his talk he shows how using Storybook makes it easy to create a Design System for your application, and do visual unit testing.

Prototyping with Vue Single File Component

Pine Wu

Vue Single File Component is ideal for sketching out UI components, animation, interaction prototypes and data visualization. I present a mini Vue SFC based framework that prescribes setup, languages and coding styles in exchange for the best prototyping experience. Pine Wu works as an Information Architect at Visual Studio Code. He is also the author of the popular VS Code plugin Vetur: https://github.com/vuejs/vetur

Build a MiniFlix Clone with Vue Contest

Dan Zeitman

Developers face the continuous challenge of building complex products in the face of tight schedules. In this talk, Dan Zeitman, developer advocate for Cloudinary, walks us through creating a Netflix-clone called Miniflex to demonstrate how you can use the Cloudinary video API’s to boost efficiency when you’re working with video applications.

Dynamic Store Modules with Vuex

Adam Bradford

Have you ever wanted more fine-grained control over your Vuex Store Objects? For example, importing data from an API, registering it inside of Vuex, then being able to share that data across multiple components? In this talk, Adam Bradford, goes over the benefits of Vuex’s dynamic module registration with a real-world example.

Code Splitting Patterns with Vue

Sean Thomas Larkin (Microsoft)

Did you know that it takes most websites 14 seconds to load? 50% of your visitors are gone by then. Code splitting can help you solve that problem. In this talk, Sean Larkin, program manager at Microsoft, runs through how Code Splitting is a first class citizen in the Vue ecosystem and the one-line change you can make to split your code and make your components asynchronous.

Beyond HTML with Vue

Eduardo San Martin Morote (Freelance)

Did you know that Vue can render to other contexts besides just HTML? In this talk, core Vue.js team member Eduardo (@posva) goes through various examples using Vue.js render engine to create effects like Springs, Sounds, rendering WebGL, or even dealing with Promises!

40 Hour Plan For UX Proficiency

Jacob Covey

Should front-end developers learn to UX? Jacob Covey says yes and your value as a front-end developer can only grow if you know the principles of UX. In this talk, he teaches how you can learn and become proficient in UX as an already-competent front-end developer in only 40 hours.

Vue with AWS Lambda

Matt Biilmann (Netlify)

In this lightning talk, Matt Biilmann, the CEO of Netlify, shows you how you can use Netlify to speed up and automate the deployment of your Vue apps in less than 8 minutes.

Ionic and Vue

Mike Hartington

If you’ve heard of Ionic before you might know that it has been historically associated with Angular. Now you can use Ionic with Vue. In this lightning talk, Mike Hartington, a developer advocate for Ionic, shows off an in-depth demo for an alpha version of Ionic for Vue you can start using.

OverVue of Vuetify.js

CJ

When there are so many options for UI component frameworks how do you know which one to choose? In this talk, CJ gives an overview of the Vuetify.js component UI library based on Google’s Material Design and why it might be the best choice for your application.

VueJS Amsterdam 2018 (Amsterdam, Netherlands)

Scaling Vue in an existing stack

Roman Kuba (Cloudbees)

Greenfield Projects are a luxury we often don’t have. In this Talk Roman explains some patterns that allow to introduce Vue step by step to be able to scale that process eventually.

State of VueJS 2018

Evan You

Apollo, GraphQL and Vue the ultimate stack

Guillaume Chau (Livestorm)

Learn more about how GraphQL, Apollo and Vue can evolve your workflow

Speed up your Vue js development time with Nuxt.js

Alexandre Chopin

Start using Vue.js like jQuery

Alexandre & Sebastien Chopin (ORION SAS)

Automating boring Programming Tasks with the Angular CLI and Schematics

Manfred Steyer

MobX State Tree React pure reactivity served

Luca Mezzalira (DAZN)

Reactive Programming is definitely the paradigm for the future, MobX is a state management system very easy to pick up and in combination with MobX state tree we can create reactive applications in no time. In this talk I’d like to highlight the key concepts of Reactive Programming inside MobX like observables and observers, computed values and actions. Also I’m going to share a real example that will cover the key parts of a frontend application like:
– consuming a remote endpoint
– managing the data flow .
– structuring the relation between views and store
– reacting to changes.

Unit testing Vue components Why test, what to test, and how to test Vue components

Edd Yerburgh (BBC)

State animations Getting them right

Eduardo San Martin Morote (Freelance)

Aah, animations. Moving things on the screen will either fascinate your users or make them close your app right away. Add no animations and your users will feel sometimes lost. Add too much and they will be disgusted. But, to make it harder, animations by themselves have to be configured just right to have a meaning. Speed, duration and the object being animated have to be set just right. Now, Vue already provides us with two nice components: transition and transition-group that are based on CSS animations. But what about the state? Numerical values that change and you want to animate. During my talk, I will explain what state transitions are, how they differ from CSS transitions, what are they used for and show some practical implementations. We will cover good and bad practices while we delight ourselves with some demos.

Building reusable UI components in Vue

Plamen Zdravkov

Vue Development in CodeSandbox

Ives van Hoorne (Catawiki)

This talk is about the story of CodeSandbox and how you can use CodeSandbox as your development tool for Vue.

Create an Engaging Native Mobile App with Vue and NativeScript

Jen Looper

Moving from Angular v5+ to Vue

Gerard Sans

Leave a Reply

Your email address will not be published. Required fields are marked *