View profile

Weekly Vue.js News - #28

Michael Hoffmann (Mokkapps)
Michael Hoffmann (Mokkapps)
@mokkapps
Hi 👋
Last week I continued working on my current side project:
A new version of the Scrum Daily Standup Picker Electron application based on Vue 3 + Vite + Pinia and Quasar which was initially written in Angular.
I didn’t expect it to be that much work but it will result in a much cleaner and more maintainable code base.
Additionally I did a lot of UI/UX improvements as well, below you can see impressions of the current development status.
And the most important point: It was hell of fun to rewrite this tool!
Have a great week ☀️

Daily Standup Picker Version 2.0.0 Start Screen (work in progress)
Daily Standup Picker Version 2.0.0 Start Screen (work in progress)
Daily Standup Picker Version 2.0.0 Settings Screen (work in progress)
Daily Standup Picker Version 2.0.0 Settings Screen (work in progress)
Daily Standup Picker Version 2.0.0 Settings Screen (work in progress)
Daily Standup Picker Version 2.0.0 Settings Screen (work in progress)
Vue
Vue Tip: Scroll to Top When Navigating to a New Route
Vue Tip: Scroll to Top When Navigating to a New Route
When using client-side routing, we may want to scroll to top when navigating to a new route, or preserve the scrolling position of history entries just like real page reload does.
mokkapps.de
Vue: When a computed property can be the wrong tool
👉 Thorsten’s has an interesting article about a common misconception around rendering and computed props.
👉 Good to know about if you run into performance problems.
dev.to
From my point of Vue: Vue 3 Ecosystem
This post takes a look at the recommendations for the Vue 3 ecosystem, how the ecosystem looks like right now, and what are we missing for stability.
dev.to
Add An External Script to a Vue Component
Add An External Script to a Vue Component
👉 How would you go about bringing in a script from a third party into a Vue component?
👉 And then making sure the script is there before performing logic on something brought in by the script?
dev.to
Quote of the week
Tools & Misc
Michael Hoffmann
💡 JavaScript Tip:

By binding a variable to console.log we can use it as handy logging utility https://t.co/Ecc3IOtTIY
krautipsum.com
krautipsum.com
👉 Beautiful German filler texts
👉 REST API
👉 VSCode extension
👉 Stickers
krautipsum.com
Did you enjoy this issue? Yes No
Michael Hoffmann (Mokkapps)
Michael Hoffmann (Mokkapps) @mokkapps

Hi 👋

My name is Michael Hoffmann and I'm a Senior Frontend Developer, Freelancer and Blogger.

I focus on Vue.js, JavaScript, TypeScript and Spring Boot. Occasionally I also give career & freelancer advice.

My weekly emails reflect this preference.

In order to unsubscribe, click here.
If you were forwarded this newsletter and you like it, you can subscribe here.
Created with Revue by Twitter.
Holzapfelkreuther Straße 19, 81375 Munich, Germany