Learning more about Vue (and being excited about it) from browsing and playing around with Vue pens on Codepen than actual online course...why?! Excited about Vue with Wordpress API, Google Sheets API, delicious animations, local storage, etc even making games on Vue!
Day 604 - July wrap-up: Acknowledgement, not encouragement https://cowriters.app/words/july-wrap-up-acknowledgement-not-encouragement-434815f2576ba598fe
entertaining thoughts of making this chatbot how-to-build process as a product in itself... would you be interested to learn how to build a conditional logic chatbot without code, one that will parse through a large inventory (>100) to spit out specific recommendations based on some quiz-format questions?
After wasting 2 days, abandoned FlowXO (UI too confusing) and Manychat (not sophisticated as Chatfuel), and went back to Chatfuel to rebuild the Grant Hunt chatbot
π Vue School: Deeper conceptual learning about Vuex store: (6) getters great for calculation, eg update shopping cart total; (7) actions are store's methods, decides when a mutation triggers; (8) global $store in root instance injects into all components, so that don't have to import everytime 30 seconds ago
π Vue School: Deeper conceptual learning about Vuex store: (3) mutations should be as simple as possible, only to alter state, actions can be complex but never update the state; (4) check mutation history in vue devtools; (5) never update state directly, always commit a mutation instead. store.commit instead of store.state
π Vue School: Deeper conceptual learning about Vuex store: (1) centralized state mgt (important when you have many components); (2) state~data, getters~computed properties, actions~methods, mutations~update state
π Vue School: Learned how to prerender app for static site deployment on Netlify, using generate command, dist dir. Learned that as of Nuxt v2.13 there is a crawler installed that will crawl your link tags and generate your dynamic routes when running nuxt generate, so no need to specifiy the route in nuxt.config! Then upload from Git to Github to Netlify, and it's live! https://nuxt-fundamentals-class.netlify.app/
Vue School: Learned how to deploy - build and start command (works only for Nuxt config target = 'server'), how this uglifies/minifies js bundles (check in browser console), set up Heroku for Nuxt, set up config variables, add heroku command to package.json, deploy through Git. And voila! It's LIVE π https://nuxt-fundamentals-class.herokuapp.com/
Day 599 - You have my permission to NOT finish any coding classes https://cowriters.app/words/you-have-my-permission-to-not-finish-any-coding-classes-433055f1ee1f7e9389