Virginie Vachet
@virginievachet.bsky.social
Développeuse FrontEnd
Mes principaux sujets: #accessibilite #vuejs #vuetify #nuxt #typescript
Mes principaux sujets: #accessibilite #vuejs #vuetify #nuxt #typescript
Reposted by Virginie Vachet
📕 Composable Design Patterns in Vue
👉🏻 In this article, @michaelthiessen.bsky.social covers seven different patterns on writing better composables in @vuejs.org.
https://michaelnthiessen.com/composable-patterns-in-vue
👉🏻 In this article, @michaelthiessen.bsky.social covers seven different patterns on writing better composables in @vuejs.org.
https://michaelnthiessen.com/composable-patterns-in-vue
Composable Design Patterns in Vue
Learn how to write better composables in Vue. Use these seven patterns to manage state, logic, configuration, and input flexibility.
michaelnthiessen.com
December 16, 2024 at 5:00 PM
📕 Composable Design Patterns in Vue
👉🏻 In this article, @michaelthiessen.bsky.social covers seven different patterns on writing better composables in @vuejs.org.
https://michaelnthiessen.com/composable-patterns-in-vue
👉🏻 In this article, @michaelthiessen.bsky.social covers seven different patterns on writing better composables in @vuejs.org.
https://michaelnthiessen.com/composable-patterns-in-vue
Reposted by Virginie Vachet
📕 10 Tips to Write Cleaner Vue.js Code
👉🏻 In this article, @jacobandrewsky.bsky.social lists his best practices to write cleaner code in your @vuejs.org projects.
https://dev.to/jacobandrewsky/10-tips-to-write-cleaner-vuejs-code-1dp6
👉🏻 In this article, @jacobandrewsky.bsky.social lists his best practices to write cleaner code in your @vuejs.org projects.
https://dev.to/jacobandrewsky/10-tips-to-write-cleaner-vuejs-code-1dp6
10 Tips to Write Cleaner Vue.js Code
When transitioning from one project to another (for example when changing jobs) there is always this... Tagged with vue, cleancode, beginners, javascript.
dev.to
December 17, 2024 at 5:00 PM
📕 10 Tips to Write Cleaner Vue.js Code
👉🏻 In this article, @jacobandrewsky.bsky.social lists his best practices to write cleaner code in your @vuejs.org projects.
https://dev.to/jacobandrewsky/10-tips-to-write-cleaner-vuejs-code-1dp6
👉🏻 In this article, @jacobandrewsky.bsky.social lists his best practices to write cleaner code in your @vuejs.org projects.
https://dev.to/jacobandrewsky/10-tips-to-write-cleaner-vuejs-code-1dp6
💡 Vue.js : Optimisation de la réactivité avec effectScope et getCurrentScope ⚙️
Saviez-vous que Vue.js vous permet de contrôler précisément le cycle de vie des effets réactifs ? Avec effectScope, dites adieu aux fuites de mémoire ! 🔍
🧵 Thread avancé sur un sujet puissant :
Saviez-vous que Vue.js vous permet de contrôler précisément le cycle de vie des effets réactifs ? Avec effectScope, dites adieu aux fuites de mémoire ! 🔍
🧵 Thread avancé sur un sujet puissant :
December 17, 2024 at 5:05 PM
💡 Vue.js : Optimisation de la réactivité avec effectScope et getCurrentScope ⚙️
Saviez-vous que Vue.js vous permet de contrôler précisément le cycle de vie des effets réactifs ? Avec effectScope, dites adieu aux fuites de mémoire ! 🔍
🧵 Thread avancé sur un sujet puissant :
Saviez-vous que Vue.js vous permet de contrôler précisément le cycle de vie des effets réactifs ? Avec effectScope, dites adieu aux fuites de mémoire ! 🔍
🧵 Thread avancé sur un sujet puissant :
Reposted by Virginie Vachet
Learn about web font optimization using new open-source tools like fontaine and unifont, and how @nuxt.com Fonts works with these for better performance.
By the one and only @danielroe.dev. 💫
https://youtu.be/D3F683UViBY
By the one and only @danielroe.dev. 💫
https://youtu.be/D3F683UViBY
Nuxt Nation 2024: Daniel Roe - Magically Optimising your fonts
Daniel Roe, a leader in the Nuxt community, presents innovative ways to optimize fonts in web applications:• Font Optimization Techniques: Discover strategie...
youtu.be
December 15, 2024 at 10:59 PM
Learn about web font optimization using new open-source tools like fontaine and unifont, and how @nuxt.com Fonts works with these for better performance.
By the one and only @danielroe.dev. 💫
https://youtu.be/D3F683UViBY
By the one and only @danielroe.dev. 💫
https://youtu.be/D3F683UViBY
💡 Vue.js : Exploitez la puissance de Suspense pour le rendu différé 💻
Besoin de gérer des composants asynchrones de manière élégante dans Vue.js ? Suspense est là pour vous permettre d'attendre des promesses avant d'afficher un contenu. 🔄
🧵 Petit thread :
Besoin de gérer des composants asynchrones de manière élégante dans Vue.js ? Suspense est là pour vous permettre d'attendre des promesses avant d'afficher un contenu. 🔄
🧵 Petit thread :
December 15, 2024 at 11:32 AM
💡 Vue.js : Exploitez la puissance de Suspense pour le rendu différé 💻
Besoin de gérer des composants asynchrones de manière élégante dans Vue.js ? Suspense est là pour vous permettre d'attendre des promesses avant d'afficher un contenu. 🔄
🧵 Petit thread :
Besoin de gérer des composants asynchrones de manière élégante dans Vue.js ? Suspense est là pour vous permettre d'attendre des promesses avant d'afficher un contenu. 🔄
🧵 Petit thread :
Reposted by Virginie Vachet
#VueJsNation25 brings hot topics on all your favorite technology!
Join our FREE online conference and learn about
🔥 Vue Vapor Mode
🔥 Preview of @vuejs.org 3.6
🔥 Bundling
🔥 Vue.js & AI, and so much more!
What are you excited about the most?
https://youtu.be/GcWhbqy8wcg
Join our FREE online conference and learn about
🔥 Vue Vapor Mode
🔥 Preview of @vuejs.org 3.6
🔥 Bundling
🔥 Vue.js & AI, and so much more!
What are you excited about the most?
https://youtu.be/GcWhbqy8wcg
Vue.js Nation is back! 🤘
Get ready for Vue.js Nation 2025, happening on January 29th and 30th! 📅This FREE event promises two days of learning with Vue.js pioneers like Evan You, Edu...
youtu.be
December 13, 2024 at 2:34 PM
#VueJsNation25 brings hot topics on all your favorite technology!
Join our FREE online conference and learn about
🔥 Vue Vapor Mode
🔥 Preview of @vuejs.org 3.6
🔥 Bundling
🔥 Vue.js & AI, and so much more!
What are you excited about the most?
https://youtu.be/GcWhbqy8wcg
Join our FREE online conference and learn about
🔥 Vue Vapor Mode
🔥 Preview of @vuejs.org 3.6
🔥 Bundling
🔥 Vue.js & AI, and so much more!
What are you excited about the most?
https://youtu.be/GcWhbqy8wcg
Reposted by Virginie Vachet
🎄 Advent of Blog: Day 14
I upgraded the social links on my blog! When users visit a blog post, they now turn in content-sharing links. I wrote a short post about it:
https://laurentcazanove.com/blog/share-intent-links
#blogvent
I upgraded the social links on my blog! When users visit a blog post, they now turn in content-sharing links. I wrote a short post about it:
https://laurentcazanove.com/blog/share-intent-links
#blogvent
Simple UX: transforming social links into sharing buttons
A Vue.js component that transforms links to social into sharing intent when reading a blog post.
laurentcazanove.com
December 14, 2024 at 2:05 PM
🎄 Advent of Blog: Day 14
I upgraded the social links on my blog! When users visit a blog post, they now turn in content-sharing links. I wrote a short post about it:
https://laurentcazanove.com/blog/share-intent-links
#blogvent
I upgraded the social links on my blog! When users visit a blog post, they now turn in content-sharing links. I wrote a short post about it:
https://laurentcazanove.com/blog/share-intent-links
#blogvent
Reposted by Virginie Vachet
TIL I learned about Variance annotations in TS: https://www.typescriptlang.org/docs/handbook/2/generics.html#variance-annotations
It's the kind of thing most people will use between 0 and 5 times in their whole life 😅
It's the kind of thing most people will use between 0 and 5 times in their whole life 😅
Documentation - Generics
Types which take parameters
www.typescriptlang.org
December 14, 2024 at 2:13 PM
TIL I learned about Variance annotations in TS: https://www.typescriptlang.org/docs/handbook/2/generics.html#variance-annotations
It's the kind of thing most people will use between 0 and 5 times in their whole life 😅
It's the kind of thing most people will use between 0 and 5 times in their whole life 😅
💡 Vue.js : Optimiser les performances avec v-memo et defineComponent 💻
Quand votre application Vue.js commence à devenir complexe, l'optimisation des performances du rendu devient essentielle. Focus sur v-memo et les optimisations via defineComponent.
🧵 Petit thread :
Quand votre application Vue.js commence à devenir complexe, l'optimisation des performances du rendu devient essentielle. Focus sur v-memo et les optimisations via defineComponent.
🧵 Petit thread :
December 14, 2024 at 5:05 PM
💡 Vue.js : Optimiser les performances avec v-memo et defineComponent 💻
Quand votre application Vue.js commence à devenir complexe, l'optimisation des performances du rendu devient essentielle. Focus sur v-memo et les optimisations via defineComponent.
🧵 Petit thread :
Quand votre application Vue.js commence à devenir complexe, l'optimisation des performances du rendu devient essentielle. Focus sur v-memo et les optimisations via defineComponent.
🧵 Petit thread :
Reposted by Virginie Vachet
Reposted by Virginie Vachet
C’est parti pour le premier talk de @soubiran.dev
Vous en avez rêvé ? Créez des applications full-stack avec Nuxt !
Vous en avez rêvé ? Créez des applications full-stack avec Nuxt !
December 4, 2024 at 6:40 PM
C’est parti pour le premier talk de @soubiran.dev
Vous en avez rêvé ? Créez des applications full-stack avec Nuxt !
Vous en avez rêvé ? Créez des applications full-stack avec Nuxt !
Reposted by Virginie Vachet
My slides for my talk at @vuejsparis.bsky.social are now live! 🎉
Check them out here:
soubiran.dev/talks
Also, I finally got to meet @esm.dev—and came away with some awesome goodies! 🫶
Check them out here:
soubiran.dev/talks
Also, I finally got to meet @esm.dev—and came away with some awesome goodies! 🫶
December 5, 2024 at 8:07 PM
My slides for my talk at @vuejsparis.bsky.social are now live! 🎉
Check them out here:
soubiran.dev/talks
Also, I finally got to meet @esm.dev—and came away with some awesome goodies! 🫶
Check them out here:
soubiran.dev/talks
Also, I finally got to meet @esm.dev—and came away with some awesome goodies! 🫶
💡 Vue.js : Comprendre la différence entre utils et composables 💻
Dans un projet Vue.js, on entend souvent parler de utils et composables, mais quelle est la différence ? Et quand les utiliser ? 🤔
🧵 Petit thread :
Dans un projet Vue.js, on entend souvent parler de utils et composables, mais quelle est la différence ? Et quand les utiliser ? 🤔
🧵 Petit thread :
December 14, 2024 at 3:49 AM
💡 Vue.js : Comprendre la différence entre utils et composables 💻
Dans un projet Vue.js, on entend souvent parler de utils et composables, mais quelle est la différence ? Et quand les utiliser ? 🤔
🧵 Petit thread :
Dans un projet Vue.js, on entend souvent parler de utils et composables, mais quelle est la différence ? Et quand les utiliser ? 🤔
🧵 Petit thread :
Reposted by Virginie Vachet
🌋 This week we cover a hot topic in the community! Auto imports in @vuejs.org @nuxt.com and @nitro.build
Not only pros & cons, but also how to disable them, how to add them in plain Vue projects and what the future holds for them.
Of course, I also share my own opinion & recommendation!
Out now!
Not only pros & cons, but also how to disable them, how to add them in plain Vue projects and what the future holds for them.
Of course, I also share my own opinion & recommendation!
Out now!
Auto Imports in Vue and Nuxt - The Good and the Bad
YouTube video by Alexander Lichter
youtu.be
December 13, 2024 at 1:57 PM
🌋 This week we cover a hot topic in the community! Auto imports in @vuejs.org @nuxt.com and @nitro.build
Not only pros & cons, but also how to disable them, how to add them in plain Vue projects and what the future holds for them.
Of course, I also share my own opinion & recommendation!
Out now!
Not only pros & cons, but also how to disable them, how to add them in plain Vue projects and what the future holds for them.
Of course, I also share my own opinion & recommendation!
Out now!
Reposted by Virginie Vachet
📕 How to Create a Draggable Item in Vue Without Using Any Packages
👉🏻 In this concise guide, you’ll explore the art of making an item draggable in @vuejs.org without any packages.
https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
👉🏻 In this concise guide, you’ll explore the art of making an item draggable in @vuejs.org without any packages.
https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
How to Create a Draggable Item in Vue Without Using Any Packages
Vue.js stands out as a powerhouse for crafting interactive and seamless user experiences. Its ability to effortlessly bind events, simplify DOM manipulation, and seamlessly integrate native code…
medium.com
December 11, 2024 at 7:00 PM
📕 How to Create a Draggable Item in Vue Without Using Any Packages
👉🏻 In this concise guide, you’ll explore the art of making an item draggable in @vuejs.org without any packages.
https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
👉🏻 In this concise guide, you’ll explore the art of making an item draggable in @vuejs.org without any packages.
https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
Reposted by Virginie Vachet
📕 Using Generics in Vue components
👉🏻 This article introduces you to Generics in @vuejs.org so that you can start using it in your projects.
https://dev.to/jacobandrewsky/using-generics-in-vue-components-1lnn
👉🏻 This article introduces you to Generics in @vuejs.org so that you can start using it in your projects.
https://dev.to/jacobandrewsky/using-generics-in-vue-components-1lnn
Using Generics in Vue components
I recently learned about a feature of Vue framework that was added already some time ago but I have... Tagged with vue, typescript, productivity, programming.
dev.to
December 12, 2024 at 5:00 PM
📕 Using Generics in Vue components
👉🏻 This article introduces you to Generics in @vuejs.org so that you can start using it in your projects.
https://dev.to/jacobandrewsky/using-generics-in-vue-components-1lnn
👉🏻 This article introduces you to Generics in @vuejs.org so that you can start using it in your projects.
https://dev.to/jacobandrewsky/using-generics-in-vue-components-1lnn
Reposted by Virginie Vachet
📹 Make your Vue & Nuxt apps MORE SECURE!
👉🏻 @vuejs.org has a lot of safeguards in place - but there are situations where these won't help either.
https://www.youtube.com/watch?v=Hr4apFSYZW0
👉🏻 @vuejs.org has a lot of safeguards in place - but there are situations where these won't help either.
https://www.youtube.com/watch?v=Hr4apFSYZW0
Auf YouTube findest du die angesagtesten Videos und Tracks. Außerdem kannst du eigene Inhalte hochladen und mit Freunden oder gleich der ganzen Welt teilen.
www.youtube.com
December 12, 2024 at 7:00 PM
📹 Make your Vue & Nuxt apps MORE SECURE!
👉🏻 @vuejs.org has a lot of safeguards in place - but there are situations where these won't help either.
https://www.youtube.com/watch?v=Hr4apFSYZW0
👉🏻 @vuejs.org has a lot of safeguards in place - but there are situations where these won't help either.
https://www.youtube.com/watch?v=Hr4apFSYZW0
Reposted by Virginie Vachet
🎄 Advent of Blog: Day 13
Vue composables are powerful, but without careful design, they can lead to complex, untestable code.
Here's how to leverage the repository pattern with Vue composables in Nuxt 3:
https://laurentcazanove.com/blog/repository-pattern-in-composables
#blogvent
Vue composables are powerful, but without careful design, they can lead to complex, untestable code.
Here's how to leverage the repository pattern with Vue composables in Nuxt 3:
https://laurentcazanove.com/blog/repository-pattern-in-composables
#blogvent
Implementing repository pattern with Vue composables
Learn how to implement the repository pattern in Nuxt 3 using Vue composables.
laurentcazanove.com
December 13, 2024 at 4:04 PM
🎄 Advent of Blog: Day 13
Vue composables are powerful, but without careful design, they can lead to complex, untestable code.
Here's how to leverage the repository pattern with Vue composables in Nuxt 3:
https://laurentcazanove.com/blog/repository-pattern-in-composables
#blogvent
Vue composables are powerful, but without careful design, they can lead to complex, untestable code.
Here's how to leverage the repository pattern with Vue composables in Nuxt 3:
https://laurentcazanove.com/blog/repository-pattern-in-composables
#blogvent
Reposted by Virginie Vachet
New course alert! Component Design Patterns ⚙
🤔 Why Patterns Matter
🌴 Branching Component Pattern
🎰 Slots and Template Prop Pattern
☑️ List Patterns
All lessons include practical examples. 👇
https://vueschool.io/courses/vue-component-design-2
More to come next week!
#VueSchool #VueJs
🤔 Why Patterns Matter
🌴 Branching Component Pattern
🎰 Slots and Template Prop Pattern
☑️ List Patterns
All lessons include practical examples. 👇
https://vueschool.io/courses/vue-component-design-2
More to come next week!
#VueSchool #VueJs
December 13, 2024 at 12:23 PM
New course alert! Component Design Patterns ⚙
🤔 Why Patterns Matter
🌴 Branching Component Pattern
🎰 Slots and Template Prop Pattern
☑️ List Patterns
All lessons include practical examples. 👇
https://vueschool.io/courses/vue-component-design-2
More to come next week!
#VueSchool #VueJs
🤔 Why Patterns Matter
🌴 Branching Component Pattern
🎰 Slots and Template Prop Pattern
☑️ List Patterns
All lessons include practical examples. 👇
https://vueschool.io/courses/vue-component-design-2
More to come next week!
#VueSchool #VueJs
Reposted by Virginie Vachet
December 2, 2024 at 3:54 PM
💡 Vue.js : comprendre la différence entre ref et reactive 💻
Quand on débute avec Vue.js, on peut se demander : Quand utiliser ref et quand utiliser reactive ? 🤔 Voici un petit guide simple pour vous aider à y voir plus clair !
Quand on débute avec Vue.js, on peut se demander : Quand utiliser ref et quand utiliser reactive ? 🤔 Voici un petit guide simple pour vous aider à y voir plus clair !
December 13, 2024 at 6:31 PM
💡 Vue.js : comprendre la différence entre ref et reactive 💻
Quand on débute avec Vue.js, on peut se demander : Quand utiliser ref et quand utiliser reactive ? 🤔 Voici un petit guide simple pour vous aider à y voir plus clair !
Quand on débute avec Vue.js, on peut se demander : Quand utiliser ref et quand utiliser reactive ? 🤔 Voici un petit guide simple pour vous aider à y voir plus clair !
Reposted by Virginie Vachet
La documentation en Français pour le Framework Javascript VueJS
vuejs-docs-fr.netlify.app/guide/introd...
vuejs-docs-fr.netlify.app/guide/introd...
Introduction | Vue.js
Vue.js - Le Framework JavaScript Évolutif
vuejs-docs-fr.netlify.app
October 5, 2023 at 9:29 AM
La documentation en Français pour le Framework Javascript VueJS
vuejs-docs-fr.netlify.app/guide/introd...
vuejs-docs-fr.netlify.app/guide/introd...
Reposted by Virginie Vachet
eslint-plugin-vuejs-accessibility入門
https://zenn.dev/comm_vue_nuxt/articles/eslint-plugin-vuejs-accessibility-introduction
https://zenn.dev/comm_vue_nuxt/articles/eslint-plugin-vuejs-accessibility-introduction
eslint-plugin-vuejs-accessibility入門
zenn.dev
February 18, 2024 at 10:32 AM
eslint-plugin-vuejs-accessibility入門
https://zenn.dev/comm_vue_nuxt/articles/eslint-plugin-vuejs-accessibility-introduction
https://zenn.dev/comm_vue_nuxt/articles/eslint-plugin-vuejs-accessibility-introduction
Reposted by Virginie Vachet
WebStorm 2024.3 is out now!
What's new?
🔹 Improved component navigation and renaming for @vuejs.org, SvelteJS, and Astro
🔹 Built-in support for database tools and SQL
🔹 Better code completion with AI Assistant
#jetbrains #webstorm #javascript #vuejs #webdev
www.jetbrains.com/webstorm/wha...
What's new?
🔹 Improved component navigation and renaming for @vuejs.org, SvelteJS, and Astro
🔹 Built-in support for database tools and SQL
🔹 Better code completion with AI Assistant
#jetbrains #webstorm #javascript #vuejs #webdev
www.jetbrains.com/webstorm/wha...
What’s New in WebStorm 2024.3
Explore the new features in WebStorm 2024.3: built-in support for database tools and SQL, improved AI-driven code completion, various quality enhancements, and more.
www.jetbrains.com
November 13, 2024 at 4:57 PM
WebStorm 2024.3 is out now!
What's new?
🔹 Improved component navigation and renaming for @vuejs.org, SvelteJS, and Astro
🔹 Built-in support for database tools and SQL
🔹 Better code completion with AI Assistant
#jetbrains #webstorm #javascript #vuejs #webdev
www.jetbrains.com/webstorm/wha...
What's new?
🔹 Improved component navigation and renaming for @vuejs.org, SvelteJS, and Astro
🔹 Built-in support for database tools and SQL
🔹 Better code completion with AI Assistant
#jetbrains #webstorm #javascript #vuejs #webdev
www.jetbrains.com/webstorm/wha...