Weekly Vue.js News

By Michael Hoffmann (Mokkapps)

Weekly Vue.js News - #49 - Check if slot is empty

#49・ Jul 11, 2022

297

subscribers

issues

View online

Michael Hoffmann (Mokkapps)

@mokkapps

Hi 👋

In this issue, I have curated a few interesting articles and tweets to help you in your journey to become a Vue expert.

Have a great week ☀️

Michael Hoffmann

@Mokkapps

👀 Another sneak peek for my new portfolio website rewritten in Nuxt 3 💚

💚 Look at the beautiful Table of Contents component in the sidebar
💚 I'm so in love with the new version https://t.co/7xZ3hfGsXM

11:54 AM - 8 Jul 2022

Vue Tip: Check if slot is empty

Inside the template, you can use $slots, an object representing the slots passed by the parent component.

Usage of slots inside <script setup> should be relatively rare, since you can directly access them as $slots in the template.

In the rare case where you need them, you can use the useSlots helper.

Vue News

Vue 3 was a mistake that we should not repeat

👉🏻 Important: The author thinks that Vue is probably the best framework out there.

👉🏻 “But the fact that there is no easy migration path from version 2 is a mistake we should not repeat in the future.”

medium.com

Nuxt 3 State Management: Pinia vs useState

👉🏻 In Nuxt 3 we get a new useState composable.

👉🏻 But how does it compare to Pinia?

👉🏻 Michael Thiessen discusses in this article the main differences and when to use each.

www.vuemastery.com

State of Vue 2022: Amsterdam recap

A recap what Evan You discussed during the State of the Vuenion talk in Amsterdam two weeks ago.

laurentcazanove.com

Vue Report: Amsterdam 2022

👉🏻 A 70-page ‘Vue Report’ on the state of the Vue.js community and project based on discussions at the recent Vue Amsterdam conference.

👉🏻 A great way to catch up and no registration or emails needed.

www.monterail.com

JavaScript Tip: JavaScripp: Use an array to combine several validationst Ti

A typical use case is to combine several validations using the && operator:

In my opinion, combining several validations in an array using the .every method is a cleaner solution:

Web Development News

Monorepos in JavaScript & TypeScript

👉🏻 How to structure a monorepo

👉🏻 Which tools to use

👉🏻 How to perform versioning

👉🏻 How to make continuous integration work

www.robinwieruch.de

When You Should Prefer Map Over Object In JavaScript

Map objects are (nearly) universally available in JS implementations now and present some benefits to using regular Objects.

www.zhenghao.io

🎧 TypeScript Tooling Explained

In this episode of Syntax, Wes and Scott talk through TypeScript tooling, build tools, configs, and editors.

syntax.fm

ES2022 features in code

👉🏻 .at() method on built-in indexables

👉🏻 RegExp Match Indices

👉🏻 Object.hasOwn

👉🏻 Error cause

👉🏻 Top-level await

👉🏻 Class field declarations

👉🏻 Ergonomic brand checks for private fields

h3manth.com

Code Review: How to make enemies

Iain provides ways of getting revenge on co-workers via code reviews:

👉🏻 Ask for changes that make no difference

👉🏻 Take your time when responding

👉🏻 Demand they add bugs

👉🏻 Create mega-sized pull requests

repohealth.io

Start test names with “should”

👉🏻 It removes redundancy, because the function name should already be in the call stack.

👉🏻 Encourages testing one property of the function per test.

paperless.blog

Quote of the week

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