schizanon, to webdev
@schizanon@mas.to avatar

HTMX is just the "back to the land" movement, but for web hippies.

#webDev #htmx #html #javaScript #web #frontend #reactjs #svelte #vue #vuejs #react #hypermedia #hateoas

joe, to vuejs
@joe@toot.works avatar

is sitting at an Irish bar, listening to music from last year's Eurovision, and trying to figure out #Pinia.

#VueJS

mountaincampch, to drupal
@mountaincampch@drupal.community avatar

🚀 Ready to unlock the power of grit and make the impossible happen? Join our keynote speaker, Tearyne Almendariz at #DrupalMountainCamp 2024, where she'll show us how we can master our inner strength and achieve goals with perseverance while preserving our peace of mind.

Secure your spot now: https://drupalmountaincamp.ch/tickets

#drupal #reactjs #vuejs #davos #switzerland

schizanon, (edited ) to webdev
@schizanon@mas.to avatar

If there was an element that changes it's content when users interact with other elements on the page, what name would it have?

PLEASE NOTE: I am not suggesting that this element needs to exist; I am only asking what it would be called. I'm building a CustomElement, I just want it to have a name that makes sense.

Vote and suggest others in replies. Please boost for reach!

amxmln, to webdev
@amxmln@mastodon.design avatar

Is it just me or does code really look atrocious once Typescript, JSX and Tailwind come together? 😅

I felt such joy when I could just write some simple HTML and CSS today, it looks so clean and structured. Readable. 😊

chrisonline,
@chrisonline@androiddev.social avatar

@amxmln do you also use or which framework frontend do you most like?

leanpub, to javascript
@leanpub@mastodon.social avatar

Take the Online Course: Large Scale Apps with Vue, Vite and TypeScript http://leanpub.com/courses/leanpub/vue-vite-typescript-course It's today's featured course on the Leanpub homepage! https://leanpub.com

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 #ComputerProgramming #Javascript #Vuejs #Typescript #WebDevelopment #React #Angular #Es6

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

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

nixCraft, to random
@nixCraft@mastodon.social avatar

According to you: Which technology is this?

Me: Linux 🥰🐧

artem,
@artem@social.anufrij.de avatar

@nixCraft Vue.js

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

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

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

One of my shames as a veteran is that I never learned , despite its popularity. I've done a bunch of and even a project in , 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 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/

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

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

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

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

Jbasoo, to programming
@Jbasoo@mastodon.social avatar

I went to book a flight with Wizz Air last night and the absolute shocking web performance made me feel better about my own work.

It takes ~30s to process the #JS and render the search, literally the primary function of the site. I like the DX of #VueJS but is this kind of performance really worth it?!

leanpub, to Laravel
@leanpub@mastodon.social avatar

Laravel 5.4 For Beginners by Bill Keck is on sale on Leanpub! Its suggested price is $29.95; get it for $11.96 with this coupon: https://leanpub.com/sh/fqNULXp3 #Laravel #Vuejs #Php

leanpub, to vuejs
@leanpub@mastodon.social avatar

The Majesty of Vue.js 2 by Alex Kyriakidis and Evan You is on sale on Leanpub! Its suggested price is $31.90; get it for $17.43 with this coupon: https://leanpub.com/sh/elUtWk4P

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