Experiments

EXPERIMENTS.md

Dynamic Components

• https://codesandbox.io/s/qxnxx7p949

DEMO: Vue.js to Custom Element Web Components

• See in action on JSBin
• Notice the code is stored in this gist

To revisit soon(ish)

Time-Ago Vue component

• https://egoist.moe/vue-timeago/
• https://github.com/egoist/vue-timeago

Set-Cookie from Nuxt

• nuxt/nuxt#2215

Library bundler and test system

• A zero-config library bundler: https://github.com/egoist/bili
• Zero config Node Module: https://github.com/egoist/template-nm
• Unit test with no initial configuration.: https://github.com/egoist/tyu

State Management

• https://github.com/egoist/zerotwo

EGOIST rocks! (Big Time!)

Other note-worthy projects to review

• Document usage of Vue component using Markdown: https://github.com/egoist/vmark
• Vue Feather Icons (GitHub)
• Frontend Development toolset: https://github.com/egoist/aimer
• Tooltip utility: https://github.com/egoist/v-tippy
• Persist data in localStorage or anywhere for Vue.js apps: https://github.com/egoist/vue-persist

Reactivity

• https://gitlab.com/soanvig/reactivity-lib

Subscribe/EventEmitter

• https://github.com/timwis/subscribeme/blob/master/web/client/store/index.js
• https://codesandbox.io/s/wy68j1n487?module=%2Fsrc%2FEmitter.js

TypeScript

• https://github.com/nartc/vue-ts/blob/master/src/main.ts

Quasar

• https://jsfiddle.net/waugrryy/341/

GraphQL and VueX

Quoting PierBover/vuex-apollo-example-project’s README note;

I wrote this since everyone seems to be using vue-apollo which encourages to put the GraphQL queries in Vue components. This is an antipattern and should never be done. The whole point of using Vuex is to centralize state and decouple your data layer code from your components.

• PierBover/vuex-apollo-example-project
• https://www.youtube.com/watch?v=S8pgBCoEgX0
• Look at line 6 in apollo.js, it links to a Graph.Cool endpoint
  • See my own fork of the model on Graph.Cool (public playground, endpoint, websocket)

Moar

• GraphQL Launchpad (endpoint)
• https://github.com/apollographql/launchpad
• https://github.com/vvergu/apollo
• https://github.com/akryum/vue-apollo
• https://github.com/PierBover/vuex-apollo-example-project/blob/master/store.js
• https://github.com/PierBover/vuex-apollo-example-project/blob/master/apollo.js
• https://github.com/PierBover/streaming-introduction-vue/blob/master/demo-vue/src/App.vue
• https://github.com/PierBover/locale-compare-polyfill
• https://github.com/PierBover/vuex-apollo-example-project/blob/master/store.js

DEMO: GraphQL + VueX + Apollo for U360 Requests

• GraphQL Lanuchpad
• Code Sandbox

See also

• https://launchpad.graphql.com/v7mnw3m03
• https://codesandbox.io/s/4xm6nll3vw
• https://github.com/Akryum/vue-summit-app

---

Later

Translation

Found on WebPlatform Daily 2017-12-11 issue

• https://www.w3.org/International/questions/qa-translate-flag
• https://cloud.google.com/translate/faq#technical_questions
• Use of XLIFF as localization data transport format https://www.oasis-open.org/committees/tc_home.php?wg_abbrev=xliff

---

Explain things

• JavaScript Promises for Dummies
• Things we can do with @vue/cli