VueConf US 2018


1. State of Vue

Evan You

2. How We Do Vue At GitLab

Jacob Schatz

3. Vue in Motion

Rachel Nabors

4. Testing Vue apps

Edd Yerburgh

5. Serverless Functions and Vue.js

Sarah Drasner

6. vue-rx

John Lindquist

7. Create an Engaging Native Mobile App with Vue and NativeScript

Jen Looper

8. 7 secret patterns Vue consultants don't want you to know

Chris Fritz

9. Agile Design Systems in Vue

Miriam Suzanne

10. Vue & TypeScript: Up and Running

Daniel Rosenwasser

11. A React Point of Vue

Divya Sasidharan

12. Vue & SSR: The best practices

Sebastien Chopin

13. A Short Synopsis of Vue Storybook

Peter Finn

14. Prototyping with Vue Single File Component

Pine Wu

15. 5 Libraries You Should Know About

Adam Jahr

16. Update an Existing Application to Vue

Michael Bennett

17. Vue and Vuex for Complex Application State

Patrick Seda

18. Top 5 Must-Have UI Animation Patterns

Rachel Nabors

19. The Dream: A Full Rewrite

Seth White

20. Start Your Own Vue.js Meetup

Ben Hong

21. Reusability - Is It Worth It?

Shelton Clinard

22. Reactivity - Learning by Accident

Jeff Schenck

23. Quick Publishing of Redistributable SFC on NPM

Mike Dodge

24. OverVue of Vuetify.js


25. Ionic and Vue

Mike Hartington

26. Dynamic Store Modules with Vuex

Adam Bradford

27. Build a MiniFlix Clone with Vue Contest

Dan Zeitman

28. Beyond HTML with Vue

Eduardo San Martin Morote

29. Vue with AWS Lambda

Matt Biilmann

30. 40 Hour Plan For UX Proficiency

Jacob Covey

31. Code Splitting Patterns with Vue

Sean Thomas Larkin
Notify me when new talks are available.

Serverless Functions and Vue.js

Serverless Functions and Vue.js

Sarah Drasner

Sarah started her talk speaking about the Vue Cookbook which was just released, which shows more in-depth Vue.js use cases. She then walked through two examples of using serverless functions. Serverless functions make it simple to scale our servers as needed, which can be very beneficial when we’re first pushing code into production.

Benefits of serverless, also known as Fucntions as a service or FAAS include::

  • You pay only for what you use (usually a lot less)
  • Less time babysitting a server
  • Same idea as functional programming, breaking things into small bits
  • Principle of least power

Functions as a Service allow developers to focus on the business logic written as functions. It’s not good for all the things, so what are a few examples where it could easily be used?

  • To clean data on a cron job
  • To take data and use it to create visualizations
  • To crop images uploaded by the user and create a user profile

In the talk Sarah shows how easy it is to use Azure to do functions as a service, but there are many other platforms who offer this.

Using Stripe, Vue.js, and Azure serverless functions Sarah shows us how to build a cart checkout application:

She wrote a CSS-Tricks article on the same topic, and you can read the source here.

Inside the Vue.js app, she uses Vuex to manage state. She mentions that the easiest way to implement Stripe payments is by using vue-stripe-checkout, but with a little more configuration you can create a better UI with vue-stripe-elements-plus.

She also created a visualization for showing where her Microsoft colleagues are speaking around the world. This app uses serverless functions to fetch geolocation data for each event. Here’s her original article, demo and source.