admin/raven
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Browse Source
This commit is contained in:
John Cardinal
2018-10-25 17:00:09 +00:00
parent 36684bb67b
commit ae4b843d11
2 changed files with 32 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
devdocs/todo.txt
View File

@@ -28,6 +28,23 @@ WEEK OF 2018-10-22 - Learn Vue, select a UI framework
- Check this shit out: https://github.com/vuejs/awesome-vue#components--libraries
- Try the various UI frameworks / stylers and get a feel before making a selection
- special emphasis on form controls (need to define what I need to ensure it's there)
- think about appearance material? bootstrap?, review these options directly supported in vscode/veture:
- Consider all inputs required and forms and layout methods (make a list of components required and test on various devices [datetime, date, time, numeric, color etc])
- Check browsers supported, some don't support all browsers i.e. IE 8 is not supported by some.
- ONSEN: https://onsen.io/v2/guide/ (MOBILE FOCUSED)
- ELEMENT: https://element.eleme.io/#/en-US (DESKTOP FOCUSED)
- BOOTSTRAP-VUE: https://bootstrap-vue.js.org/ (probably easier on my brain but boring)
- BUEFY / BULMA https://bulma.io/ https://buefy.github.io/documentation ("FRESH")
- VUETIFY: https://vuetifyjs.com/en/ (MATERIAL for VUE with 80 components)
- QUASAR: https://quasar-framework.org/guide/introduction-to-quasar.html
- Matrial and iOS themes built in
- (Dark horse here but interesting as it does other things and says comprehensive out of box)
- Claims to do just about everything under the sun without adding any other libs like moment.js etc
- Builds for spa, electron, and many other flavours of apps from one codebase automatically which is interesting
- Purportedly you don't need to learn a lot of tools other than vue as it will take care of it for you
- Seems a little raw possibly, check usage and support
- Is it trying to do too much and will be a hassle?
- Make a basic temporary test for learning PWA app code against RAVEN server a throwaway initial stab at RAVEN for learning what is needed to learn
- Be sure it's component-ized properly: https://vuejs.org/v2/guide/components.html#Organizing-Components
- Document areas needed to focus on for learning and then do them
@@ -72,22 +89,7 @@ VUE PWA
- https://dev.to/developerayo_58/vue-pwa-tutorial-how-to-build-efficient-progressive-web-apps-using-vuejs-5fdo
UI LIBS
- think about appearance material? bootstrap?, review these options directly supported in vscode/veture:
- Consider all inputs required and forms and layout methods (make a list of components required and test on various devices [datetime, date, time, numeric, color etc])
- Check browsers supported, some don't support all browsers i.e. IE 8 is not supported by some.
- ONSEN: https://onsen.io/v2/guide/ (MOBILE FOCUSED)
- ELEMENT: https://element.eleme.io/#/en-US (DESKTOP FOCUSED)
- BOOTSTRAP-VUE: https://bootstrap-vue.js.org/ (probably easier on my brain but boring)
- BUEFY / BULMA https://bulma.io/ https://buefy.github.io/documentation ("FRESH")
- VUETIFY: https://vuetifyjs.com/en/ (MATERIAL for VUE with 80 components)
- QUASAR: https://quasar-framework.org/guide/introduction-to-quasar.html
- Matrial and iOS themes built in
- (Dark horse here but interesting as it does other things and says comprehensive out of box)
- Claims to do just about everything under the sun without adding any other libs like moment.js etc
- Builds for spa, electron, and many other flavours of apps from one codebase automatically which is interesting
- Purportedly you don't need to learn a lot of tools other than vue as it will take care of it for you
- Seems a little raw possibly, check usage and support
- Is it trying to do too much and will be a hassle?
OTHER
- Think about spa features

14
devdocs/tools.txt
View File

@@ -110,6 +110,20 @@ VUE NOTES / IMPORTANT INFO
- DATA FETCHING WITH ROUTER: https://router.vuejs.org/guide/advanced/data-fetching.html#data-fetching
POTENTIALLY USEFUL VUE COMPONENTS AND PLUGINS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
- Shortcuts (enable keyboard shortcuts to activate elements like buttons e.g. ctrl-s to save) https://github.com/iFgR/vue-shortkey
- Clickaway (detect user clicking outside an element e.g. to dismiss a popup or something) https://github.com/simplesmiler/vue-clickaway
- Theres actually many on vue-awesome so if use this check them all out for stars and issues
- parse and format currency for display: http://openexchangerates.github.io/accounting.js/
- Date time picker: https://flatpickr.js.org/
- Vue plugin version: https://github.com/ankurk91/vue-flatpickr-component
- Input validation component: https://github.com/baianat/vee-validate
## DEPLOYMENT