Subscribe to our newsletter By subscribing, you agree with Revue’s Terms of Service and Privacy Policy and understand that Weekly Vue.js News will receive your email address. Mar 7, 2022 Weekly Vue.js News -#31 Hi 👋 Last week, Putin brought war to Europe 😥 Me and my fiancée prepared our emergency backpacks.... View online Michael Hoffmann (Mokkapps) @mokkapps Hi 👋Last week, Putin brought war to Europe 😥 Me and my fiancée prepared our emergency backpacks…. Just to be prepared for anything that can happen….Anyways, try to have a great week ☀️ Vue Dark Mode Switch With Tailwind CSS & Nuxt 3 In this article, I want to show you how I implemented a dark mode switch in Nuxt 3 using Tailwind CSS that I will use in my new portfolio website. mokkapps.de Vue Tip: Special CSS Selectors Vue provides some special CSS pseudo-selectors you can use in your Vue SFC. mokkapps.de Vue Project Directory Structure: Keep It Flat or Group by Domain 👉🏻 Keep the folder hierarchy as flat as possible for as long as possible. 👉🏻 There might be a time where we feel the need to add additional folders to organize files and components. markus.oberlehner.net Migrating our VueJS Frontend to Domain Driven Design Ricardo tells us how they changed to DDD in their frontend code base which he describes as “massive hulking beast” medium.com Michael Hoffmann @Mokkapps ⭐ Why I love <script setup>:1️⃣ I no longer need to remember to add things in the returned object of the setup() function. 2️⃣ Better TypeScript IDE integration.3️⃣ Fewer lines of code compared to Options API.4️⃣ Nicely organised code if you group your logic by features. 5:58 PM - 24 Feb 2022 How To Use Feature Flags in Vue.JS This article show that it’s quite easy to implement feature flags in your VueJS application using ConfigCat’s feature flagging service. daveyhert.medium.com Create, Test and Deploy a Single Page App with Vue 3 + Vite and Pinia This guide will show you how to create a functional example bookstore single page application using Vue 3, Vite, Pinia and Vue Router. dev.to 📹 Vitest Simplified Learn about Vitest, a testing framework built on Vite that has some great optimizations for your Vite projects. www.youtube.com Recommended Articles Dynamic Static Typing In TypeScript How to formalize the most dynamic JavaScript behavior using TypeScript in a way that we can catch most bugs before they happen. www.smashingmagazine.com How to speed up your TypeScript project? How to speed up the compilation time of your TypeScript projects using the SWC compiler. It’s fast! tsh.io Sharing TypeScript Types between Backend and Frontend Repos How to keep TypeScript types in sync between a backend and frontend project in different repos, using shared types and Bit. blog.bitsrc.io Michael Hoffmann @Mokkapps 💡 JavaScript Tip: Trim strings The trim() method removes whitespace from both ends of a string and returns a new string, without modifying the original stringhttps://t.co/pAPgJBZ0JT https://t.co/PX0BiCTofM 3:27 PM - 28 Feb 2022 Quote of the week Tools & Misc Michael Hoffmann @Mokkapps 🛠️ DevToys - Swiss Army knife for developers👉🏻 Works entirely offline👉🏻 21+ tools are available, including: JSON <-> Yaml converter, JWT decoder, text comparer and hash generatorWindows: https://t.co/3HlQKK2SBWMac: https://t.co/mg41Y7mZtc 5:01 PM - 28 Feb 2022 Did you enjoy this issue? Yes No 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 Share Share to Twitter Share to Facebook Subscribe to our newsletter By subscribing, you agree with Revue’s Terms of Service and Privacy Policy and understand that Weekly Vue.js News will receive your email address.
