This week is the Vue.js Amsterdam conference, and it will be my first time participating. I'm excited to hear great talks and meet people from the community.
👉🏻 This blog post, unravels the intricacies of Vue 3 lifecycle hooks, accompanied by a real-time example that will shed light on their practical application.
👉🏻 By demonstrating a component with search capability, Maya Shavin will walkthrough a step-by-step guide on how to test a component with the preview Playwright's component testing feature.
👉🏻 In this example-driven talk, Eduardo discusses some of the bad practices he has seen in Pinia as well as the good ones that should have been used instead.
🔥 Vue Tip: Don't Use Reactive Object for Template Refs
Template Refs are a way to access elements in the DOM from within a Vue component. As the name suggests, you should use a refref to access the element in the template.
The watcher will log nullnull when the component is first instantiated, but when the component is mounted and the input is created, it will not trigger again. This happens because the input object becomes a new object which breaks reactivity if we use reactivereactive. Read Ref vs. Reactive: What to Choose Using Vue 3 Composition API? to learn more about this topic.
If we use refref instead, it will work as expected because only a refref can be reassigned in this way.
👉🏻 Interaction to Next Paint (INP), which is a holistic approach at measuring responsiveness, will officially become a Core Web Vital on March 12, 2024, replacing First Input Delay (FID).
Weekly Vue News #141 Share Styling Using Wrapper Components View online Hi 👋 I got the opportunity to raffle 3 in-person tickets for the first edition of the C3 Dev Festival in Amsterdam. You can participate here. Have a nice week ☀️ Vue 📕 Effortless Forms w/ FormKit 👉🏻 This article on FormKit teaches you how to build forms effortlessly, with a focus on great UX. 📕 Vue Tip: Best Practices for Working with Slots 👉🏻 When developing with slots in Vue.js, it's important to follow some best practices to ensure clean and maintainable code. 📹 This is the Future of Vue 👉🏻 Matt took a look at what exactly makes Vue Vapor so exciting. 📹 Should You Use Vue Slots Over Props? 👉🏻 John talks about the pros & cons of using Vue slots instead of props. 🛠️ Pinia Colada 👉🏻 An opinionated yet flexible data fetching layer on top of Pinia. 👉🏻 It's still experimental and not ready for production. 🛠️ vue-tel-input 👉🏻 International Telephone Input with Vue. 🔥 Vue Tip: Share S...
Tuesday, October 8, 2024 Podcast : I was able to write a post that appeared on Mastodon using ActivityPub. Via the WordPress API. Congrats to the ActivtyPub community, Automattic and Mastodon. "It just worked." # Okay this is blowing my mind. My friends at Automattic showed me how to turn on ActivityPub on a WordPress site. I wrote a test post in my simple WordPress editor, forgetting that it would be cross-posted to Mastodon. When I just checked in on Masto, there was the freaking post . After I recovered from passing out, I wondered what happens if I update the post in my editor, and save it to the WordPress site that's hooked up to Masto via ActivityPub. So I made a change and saved it. I waited and waited, nothing happened. I got ready to add a comment saying ahh I guess it doesn't update, when -- it updated. Oh geez look at that. Folks, I did nothing here but write an app that can be used to edit WordPress posts. And I got in return an app that...
Weekly Vue News #194 Reactive Time Ago View online Hi 👋 I'm on vacation this week, so no special news from my side — just some fresh Vue & Nuxt content for you! Enjoy this issue and have a lovely week ☀️ Vue 📕 Optimizing heavy operations in Vue with Web Worke...
评论
发表评论