~/talk

Building Mobile Apps with Vue and Framework7

on YouTube 39m
Talkat Spotlight Vue.js FITC 2018 · on Saturday, 2018-03-03· [vue, pwa]

speaker

name:Simon MacDonald
website:https://simonmacdonald.com

resources

video:https://youtu.be/iq1lJdVzpik
slides:https://slides.com/simonmacdonald/building-mobile-apps-with-vue-js-15-20-27?utm_content=buffer42c0f&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer#/

summary

Builds an Instagram like app using Vue and Framework7 with a webpack build, Cordova templates and Workbox for PWAs. Demonstrates live pull-to-refresh, localStorage-backed picture store, componentized single-file .vue files and lazy imports so only used Framework7 components get bundled. Shows theme auto-detection (iOS/Material), routes, a functioning demo that fetches JSON and updates UI, and template tooling that yields high Lighthouse scores and a straightforward path to App Store / Play Store builds.

AI-written summary · about

chapters (8)

  1. 0:00Start
  2. 12:31creating our base application
  3. 13:56a look at the app dot view component
  4. 16:35build a new component for this blank application
  5. 18:40add the pull-to-refresh functionality
  6. 25:55use the f seven card component
  7. 30:12importing the pitcher list from the pitcher list component
  8. 36:57adding progressive web app support

related talks

~/search
type to search 6,249 conferences, 138,987 speakers and 185,172 talks
~/help
cmdctrl k
search every conference, speaker and series
/
focus the filter search
h
home
c
conferences
s
speakers
e
series
t
light / dark — the status bar button does the same
?
this help
esc
close this, then clear every filter — or just the search, while you are typing in it

Ignored while you are typing. Pages without a filter rail have no search to focus.