leanpub, to javascript
@leanpub@mastodon.social avatar

Large Scale Apps with Vue, Vite and TypeScript by Damiano Fusco is on sale on Leanpub! Its suggested price is $29.99; get it for $18.74 with this coupon: https://leanpub.com/sh/YAaSMijl

leanpub, to Laravel
@leanpub@mastodon.social avatar

Getting started with Laravel 10, master the most popular PHP framework by andres is on sale on Leanpub! Its suggested price is $30.00; get it for $8.40 with this coupon: https://leanpub.com/sh/moCKk3Gm #Laravel #Vuejs

leanpub, to react
@leanpub@mastodon.social avatar

Large Scale Apps with React and TypeScript by Damiano Fusco is on sale on Leanpub! Its suggested price is $29.99; get it for $22.49 with this coupon: https://leanpub.com/sh/zFgQ0X8G #ComputerProgramming #React #Javascript #WebDevelopment #SoftwareArchitecture #Typescript #Vuejs

leanpub, to react
@leanpub@mastodon.social avatar

Large Scale Apps with React and TypeScript by Damiano Fusco is on sale on Leanpub! Its suggested price is $29.99; get it for $22.49 with this coupon: https://leanpub.com/sh/7SYG5Rcs #ComputerProgramming #React #Javascript #WebDevelopment #SoftwareArchitecture #Typescript #Vuejs

leanpub, to javascript
@leanpub@mastodon.social avatar

Large Scale Apps with Vue, Vite and TypeScript by Damiano Fusco is on sale on Leanpub! Its suggested price is $29.99; get it for $18.74 with this coupon: https://leanpub.com/sh/h1frpAtD

leanpub, to javascript
@leanpub@mastodon.social avatar

Large Scale Apps with Vue, Vite and TypeScript by Damiano Fusco is on sale on Leanpub! Its suggested price is $29.99; get it for $18.74 with this coupon: https://leanpub.com/sh/XFoHqsZ7 #ComputerProgramming #Javascript #Vuejs #Typescript #WebDevelopment #React #Angular #Es6

nebyoolae, to webdev
@nebyoolae@masto.neb.host avatar

One of my shames as a #webdev veteran is that I never learned #React, despite its popularity. I've done a bunch of #Angular and even a project in #VueJS, but never React.

Is it time for me to finally learn it?

cooptilleuls, to vuejs French
@cooptilleuls@mastodon.online avatar

🔔 La fin de vie de la version 2 de #VueJS est prévue le 31 décembre 2023. Découvrez sur notre blog comment nous pouvons vous accompagner dans votre montée de version et ainsi, protéger votre applicatif de potentielles failles de sécurité. https://les-tilleuls.coop/blog/vue-js-migration

rauschma, to vuejs
@rauschma@fosstodon.org avatar

“Evan You, creator of Vue.js, learned a few hard lessons in the transition from version 2 to version 3 of the progressive JavaScript framework for building user interfaces […]”

Interesting insights into how to best evolve frameworks and libraries.

https://thenewstack.io/what-vues-creator-learned-the-hard-way-with-vue-3/

#VueJS

leanpub, to javascript
@leanpub@mastodon.social avatar

Course: Large Scale Apps with Vue, Vite and TypeScript: Build Large and Scalable front-ends that leverage component isolation, internationalization, localization, a modular state manager, component Libraries, etc http://leanpub.com/courses/leanpub/vue-vite-typescript-course by Damiano Fusco is the featured course on the Leanpub homepage! https://leanpub.com #ComputerProgramming #Javascript #Vuejs #Typescript #WebDevelopment #React #Angular #Es6 #Ember

Poslovitch, to accessibility French
@Poslovitch@wikis.world avatar

Bonjour les expert·es en #Accessibilité #accessibility #web : est-ce que vous avez des outils libres qui permettent d'avoir des rapports sur la conformité d'un site aux différents critères d'accessibilité ?

Plus particulièrement, pour un site qui est une "appli" #VueJS

framasky,
@framasky@framapiaf.org avatar

@Poslovitch
Y a une extension FF nommée Wave qui est un bon début.

lutindiscret,
@lutindiscret@mastodon.libre-entreprise.com avatar
leanpub, to react
@leanpub@mastodon.social avatar

Large Scale Apps with React and TypeScript by Damiano Fusco is on sale on Leanpub! Its suggested price is $29.99; get it for $22.49 with this coupon: https://leanpub.com/sh/bjIuoMaO #ComputerProgramming #React #Javascript #WebDevelopment #SoftwareArchitecture #Typescript #Vuejs

phundrak, to orgmode
@phundrak@emacs.ch avatar

I finally got around to writing a CI for the new version of my configuration website! It’s currently live at https://beta.config.phundrak.com, and it should replace my current website somewhat soon.

As with my conlanging website and my main website, it’s written in and compiled to in order to finally compile the website with . Navigation should be a lot smoother and clearer now!

It’s also my first website I’m deploying with actions instead of Drone

Oh, and my code snippets finally have syntax highlighting!

joe, to ChatGPT

Last time, we went over what the Composition API is and why it is better than the Options API in Vue. This time, I wanted to explore the subject a little more. Let’s start with an array of 30 3-ingredient cocktails that I had ChatGPT generate. Each cocktail has a name, ingredients list, preparation instructions, and a list of characteristics. Let’s see what we can do with this.

See the Pen by Joe Steinbring (@steinbring)
on CodePen.

In this simple app, we declare the list of cocktails as const cocktails = ref([]) and then we use the onMounted(() => {} lifecycle hook to populate it with delicious cocktails. Lifecycle hooks allow developers to perform actions at various stages in the life of a Vue component.

So, it works fine with one set of 30 3-ingredient recipes but what if we want to use 2280 recipes, split evenly over simple, intermediate, and advanced difficulty levels? I created a “Bartender” app to explore that and I put the code for it up on GitHub. Like last time, I asked ChatGPT to generate unique recipes but this time, I asked it to generate 760 simple recipes, 760 intermediate recipes, and 760 advanced recipes. Those JSON files are then imported into a composable. You will also notice that ChatGPT‘s definition of “unique” is pretty questionable.

If you check out /components/CocktailList.vue, you can see how the /composables/useCocktails.js composable is used.

A “composable” is a function that leverages Vue’s Composition API to encapsulate and reuse stateful logic. They offer a flexible and efficient way to manage and reuse stateful logic in Vue applications, enhancing code organization and scalability. They are an integral part of the modern Vue.js ecosystem. If you are curious about what the Vue 2 analog is, it would be mixins.

Have a question or comment? Feel free to drop a comment.

https://staging-07b6-blogjwsjoesteinbringsthoughtsoncodingtravelandlife.wpcomstaging.com/2023/playing-with-vue-3-and-the-composables/

#ChatGPT #Composables #CompositionAPI #LLM #VueJs

joe, (edited ) to ChatGPT

Last time, we went over what the Composition API is and why it is better than the Options API in Vue. This time, I wanted to explore the subject a little more. Let’s start with an array of 30 3-ingredient cocktails that I had ChatGPT generate. Each cocktail has a name, ingredients list, preparation instructions, and a list of characteristics. Let’s see what we can do with this.

See the Pen by Joe Steinbring (@steinbring)
on CodePen.

In this simple app, we declare the list of cocktails as const cocktails = ref([]) and then we use the onMounted(() => {} lifecycle hook to populate it with delicious cocktails. Lifecycle hooks allow developers to perform actions at various stages in the life of a Vue component.

So, it works fine with one set of 30 3-ingredient recipes but what if we want to use 2280 recipes, split evenly over simple, intermediate, and advanced difficulty levels? I created a “Bartender” app to explore that and I put the code for it up on GitHub. Like last time, I asked ChatGPT to generate unique recipes but this time, I asked it to generate 760 simple recipes, 760 intermediate recipes, and 760 advanced recipes. Those JSON files are then imported into a composable. You will also notice that ChatGPT‘s definition of “unique” is pretty questionable.

If you check out /components/CocktailList.vue, you can see how the /composables/useCocktails.js composable is used.

A “composable” is a function that leverages Vue’s Composition API to encapsulate and reuse stateful logic. They offer a flexible and efficient way to manage and reuse stateful logic in Vue applications, enhancing code organization and scalability. They are an integral part of the modern Vue.js ecosystem. If you are curious about what the Vue 2 analog is, it would be mixins.

Have a question or comment? Feel free to drop a comment.

https://jws.news/2023/playing-with-vue-3-and-the-composables/

#ChatGPT #Composables #CompositionAPI #LLM #VueJs

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • mdbf
  • ngwrru68w68
  • everett
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • tacticalgear
  • kavyap
  • DreamBathrooms
  • provamag3
  • osvaldo12
  • normalnudes
  • modclub
  • GTA5RPClips
  • Durango
  • cubers
  • cisconetworking
  • ethstaker
  • anitta
  • Leos
  • megavids
  • tester
  • lostlight
  • All magazines