Vuex — State Management

https://praason.medium.com/vuex-state-management-227fcb305720?source=rss------vuejs-5
Lets first understand what is state?Continue reading on Medium »

how often should i update/upgrade my node version?

https://dev.to/valbuena/how-often-should-i-updateupgrade-my-node-version-103b
among others like vite.. how do seasoned devs deal with this between projects creation/work?

How to Use Buttons in Vuetify

https://javascript.plainenglish.io/how-to-use-buttons-in-vuetify-37e4e28d2548?source=rss------vuejs-5
Learn how to use buttons in Vuetify JSContinue reading on JavaScript in Plain English »

Vue, Rust & Kubernetes: The winning trio of meetup videos in 2021

https://dev.to/meetupfeedio/vue-rust-kubernetes-the-winning-trio-of-meetup-videos-in-2021-2p39
Slowly but steadily Rust, Vue and Kubernetes took all over MeetupFeed last year and continue to ace with educational and brilliant videos from developing experts in 2022 as well! We’ve collected the best videos from 2021 for you to not miss a single meetup video that’s definitely worthy of your time!
Discover how to create a full stack app, learn about the future of the cloud, master continuous delivery and build a scalable real time video analysis pipeline, all from these videos. Challenges and lessons were learned along the way so deep dive into matters now and enjoy!
Create A Vue.js 3 Full Stack Application With Amplify, GraphQL, Auth and More | Erik Hanchett
Get ready for Erik Hanchett telling you all the details of how you can create a full stack application specifically, including AWS Amplify, Appsync, Lambda, Cognito for Authentication and Authorization and more!



Continuous Delivery in VUE using GitLab Feature Flags | Kristian Muñoz
Jump into what continuous delivery and feature flags truly are. In brief, let us guide you through different feature flag types, and the pros and cons of using them. All in all, learn how to reach continuous delivery in Vue, using Gitlab feature flags.



Why the Future of the Cloud will be Built on Rust | Oliver Gould
Let Oliver Gould (creator of Linkerd) convince you with an argument about the future of cloud software and the cloud native ecosystem all in all, in this talk.



Streaming video analysis using Pravega | Tom Kaitchuck
Curious about how Rust holds up when it needs to develop real world apps? Find out from this case study that explains how you can build a scalable real time video analysis pipeline using Pravega.



Modernizing a legacy app using Windows Containers and Kubernetes: Challenges and Lessons learned
The main purpose of modernizing the hosting was to scale down maintenance efforts and costs. The speaker will take you through the hosting options, solution implementation, experienced challenges and more in detail.



Kubernetes Security 101 – Best Practices
Get an overview of Kubernetes’ working while learning a few practices on how to secure your cluster when deploying a new cluster. This video covers everything you need from A-Z. Not to mention that you can learn how you can bridge the gap between these problems by using the perfect combination of the right tools.



Benefits and Drawbacks of Adopting a Secure Programming Language: Rust as a Case Study
Memory safety-related vulnerabilities are often combated by programming languages like Rust. To clarify why, let’s take a look at the adoption method of this more secure language through the eyes of senior developers who have worked with Rust on their teams or tried to introduce it.



Writing the Fastest GBDT Library in Rust | Isabella Tromba
To begin with, Isabella Tromba shares her experience in optimizing a Rust implementation of the Gradient Boosted Decision Tree machine learning algorithm. Discover a GBDT library that trains faster than similars written in C/C++.



Supercharging Your Code With Five Little-Known Attributes | Jackson Lewis
Attributes enable programmers to auto-derive traits, set up a test suite in no time, and moreover, to conditionally compile code for particular platforms. Find out how you can leverage its advantages.



Want to see more? Check out other articles at https://blog.meetupfeed.io .

Looking for PHP, Laravel, & Vue Engineers - Fully Remote

https://dev.to/nyraatgrin/looking-for-php-laravel-vue-engineers-fully-remote-cdk
Company Name: GRIN Technologies Inc.
Location: 100% Remote - Coorporate Office in Sacramento, CA
Technologies: PHP/Laravel/Vue/Symfony
Position Details:

We are a Creator Management Software company based in Sacramento, CA but will always have a “remote-first” work policy.

We are currently looking for experienced and professional Software Engineers (frontend and fullstack; mid-senior) to build great, user friendly products for our Creator Management Platform. You’ll be part of a cross-functional team that’s responsible for the full software development life cycle, from conception to deployment. Experience with Laravel/PHP and Vue is needed. Experience with Symfony is also a plus.
A Few Highlights & Perks!:

W2 - Full time - Remote
Annual Employee Career Development Reimbursement offered
Home Office set up offered
Employee Stock Option Program and more!

If interested, please email your resume to [email protected]

How to use vuelidate with vue tel input (vue-tel-input)

https://medium.com/@julianaputra10/how-to-use-vuelidate-with-vue-tel-input-vue-tel-input-b35423f64863?source=rss------vuejs-5
Make sure you have installed both librariesContinue reading on Medium »

What is a Single-Page Application [ SPA ]?

https://dev.to/ansub/what-is-a-single-page-application-spa--2l6d
What is SPA?

SPA as the name suggests means when you load the app for once. In simple words, the pages don't reload when you click on something. on clicking on an element on the page, SPA only renders that element, instead of what traditional pages do (rendering the whole page with every 🖱)
If you Notice Gmail when you browse through your email you’ll notice that not much changes during navigation - the sidebar and header remain untouched as you go through your inbox.
The three most popular SPA tools are:

** Angular**: developed by Google and now almost ten years old)
React: created by Facebook a few years later
Vue: developed by an ex-Google employee and which has enjoyed a surge in popularity over the past few years.




Examples of SPA


Facebook
Google Maps
Gmail
Twitter
Google Drive




Pros of SPA


Speed and Response Time because you are loading everything at once
a better User Experience as users can access information very quickly.
Caching as SPA only have to request data from the server one time, upon initial download.




Cons of SPA


SEO is the biggest problem with SPAs because of fewer pages and HTML Content.
will not work for users who have disabled Javascript in their browser

if you like this article then follow me on Twitter

I learn and try to simply stuff for you :)
Thanks For Reading!

How to set/update arrays inside objects in Firebase/Vue.js

https://matifanger.medium.com/how-to-set-update-arrays-inside-objects-in-firebase-vue-js-14557d0d42e3?source=rss------vuejs-5
Im here to save your life. You will learn how to set or update an array inside and object inside ANOTHER object in Firebase.Continue reading on Medium »

Build Crud App with Laravel and Vue.js

https://medium.com/techvblogs/build-crud-app-with-laravel-and-vue-js-14f734527d23?source=rss------vuejs-5
Jan 19, 2021, Originally published at techvblogs.com ・10 min readContinue reading on TechvBlogs »

SPA Authentication using Laravel Sanctum and Vue.js

https://medium.com/techvblogs/spa-authentication-using-laravel-sanctum-and-vue-js-6f81b6410a2b?source=rss------vuejs-5
Apr 21, 2021, Originally published at techvblogs.com ・8 min readContinue reading on TechvBlogs »

First Portfolio

https://dev.to/karmablackshaw/first-portfolio-nk0
Finally created my very first portfolio. And feedback is very much welcome :D

Vue 3 Programmatic Component Design

https://javascript.plainenglish.io/vue-3-programmatic-component-design-a1a20f853a4b?source=rss------vuejs-5
Lets create component template which are dynamicContinue reading on JavaScript in Plain English »

[recovery mode] Модульный фронтенд для репликационного масштабирования или как перестать копировать репозитории целиком

https://habr.com/ru/post/647179/?utm_campaign=647179&utm_source=habrahabr&utm_medium=rss
В этой статье будут изложены основные идеи и показаны простые примеры для  грамотной организации, скажем так — «репликационного» масштабирования проектов на фронтенде. То есть, само понятие масштабирования здесь будет рассматриваться скорее с той точки зрения и в одном из смыслов как это понимает бизнес, но, при этом, речь будет пойдет именно о технической стороне процесса, правда, сугубо в контексте браузерной клиентской части информационных систем. Ближе к реальной ситуации: предположим что ваша компания разрабатывает, условно — некий OLAP-продукт, и перед вами как фронтенд-разработчиком ставят задачи по развертыванию и поддержке более или менее сходных новых проектов фронтенда для самых разных клиентов. После скандальной критической статьи о, имхо, сомнительных дурных современных подходах и тенденция в верстке веб-интерфейсов — моя карма на Хабре, наконец-то упала ниже нуля, а я, если честно, не очень хорошо понимаю правила игры, увидят ли эту статью читатели… Но, с другой стороны, готов изложить все просто «в стол», так как считаю что лучшая мотивация для написания чего либо — это если «просто очень хочется написать», сформулировать, прежде всего — для себя самого.Эта статья логично продолжает тематику первой статьи о модулях позволяющих сделать разработку фронтенда качественнее и эффективнее. Но если в первом материале речь шла, прежде всего, об замечательном атомарном тренде в вебдизайне и простом надежном способе доставки его в код компонентных фреймворков с помощью препроцессоров, построении простой кастомной библиотеки UI-компонент для единообразного оформления разных проектов, то новый пример станет немного сложнее — хочется сосредоточиться уже не на «внешних», «оформительских» моментах, а на функциональных и организационных. Для наглядной демонстрации практического применения изложенных в статье идей снова написаны примеры: небольшой модуль-библиотека (и документация к нему), а также использующий его проект, на этот раз с использованием более актуального стека Vue3+TypeScript/Vuex4/VuePress2. В отличии от более примитивной либы из первой статьи этот модуль: 1) использует хранилище, то есть содержит состояние 2) может запускаться в полноценном режиме разработки, как будто это собственно уже сам конечный проект 3) поддерживает темизацию и локализацию. Пример модуля содержит совсем немного компонент и документация на новой версии VuePress, в отличии от первой версии, не кастомизируется под фирменный стиль который предоставляет библиотека. Так сделано не только по причине лени и экономии времени, но, прежде всего, потому что кажется излишним — то что призваны продемонстрировать примеры — этого совсем не требует. Читать далее

Share Your Work!

https://dev.to/cwraytech/share-your-work-1ab2
My wife got me this awesome book by Austin Kleon titled, "Show your Work!". The book is super easy to read and I highly recommend it. The title is pretty clear, but the point of the book is how to share your work and use that as a way to get discovered.
Here is me sharing my work.
The past few months I've been working on a project with Garden Gate Nursery that soon will be finished. It's an inventory program that will help plant nurseries track inventory as it comes and goes from their nursery and generate orders & quotes for customers.
It will be fully integrated with QuickBooks Online & Desktop to generate invoices for orders and track sales. We may integrate with the QuickBooks Payments API as well to be able to charge customers through the app.
It is built on Laravel utilizing Inertia JS as a connector with the backend and Vue on the frontend. I'm using Tailwind CSS for the styling and Daisy UI for some components.



This video is a fast forwarded version of all the updates I took while working on the project. You can see the progress I made on the app and how it evolved over time! All in under 10 minutes.

How to Use Cards in Vuetify

https://javascript.plainenglish.io/how-to-use-cards-in-vuetify-ab50243cd7c7?source=rss------vuejs-5
Learn how to create and customize cards in VuetifyContinue reading on JavaScript in Plain English »

Vue 3 + Vite + TypeScript + Quasar issue

https://dev.to/ingsm/vue-3-vite-typescript-quasar-issue-1hlc
Namaste to everyone!🙏
I'd like to share with you an issue that I had to cope with today:)
It's important to mention, that I used vite cli command to create vue project, then I started adding extensions to it.
When I tried to add typescript to my exsisting project on Vue 3 + Vite + Quasar, I faced the problem:

Following the stipulations here

I received an error from the compiler : File "@quasar/app/tsconfig-preset" was not found.

So, I started to look for a solutions on github and stackoverflow, but found nothing there...
After trying commands likevue add quasar, I looked up in Quasar docs and found App Extensions section. But there I found instructions only for quasar cli:(
But not got discouraged I decided to try a command: yarn add @quasar/app
And voila! It works!:D
Thank you for reading and I hope that this information will be useful:)
P.S. I'm always open to discussion on any theme! Feel free to reach me!:) I'm on Discord: IngSm#0471

Jarida la Yesaya Software — Issue #5

https://medium.com/@yesayaathuman/jarida-la-yesaya-software-issue-5-cb5ed9d34b3?source=rss------vuejs-5
Leo nimekuandalia meetup na conference 3 muhimu kwa ajili yako kwa mwezi huu wa kwanza na wa pili.Continue reading on Medium »

Публикация Vue.js-приложения в GitHub Packages с помощью GitHub Actions для самых маленьких

https://habr.com/ru/post/599119/?utm_campaign=599119&utm_source=habrahabr&utm_medium=rss
В этой серии вы узнаете как собрать докер-образ приложения на Vue.js и как опубликовать его в GitHub Packages. Вот так. Вот в общем-то и... не всё... Одним GitHub Action, как это было для Spring Boot приложения, о котором я рассказывал тут, в этот раз обойтись не получится. Нужно ещё проделать некоторые манипуляции, о которых я и расскажу в данной статье. Читать далее

TIL how to set up path resolving in vite.

https://dev.to/valbuena/til-how-to-set-up-path-resolving-in-vite-lm9
What I Learned

[ is not set up by default. i wonder why.. ]



And why exactly is this interesting?


[ because my imports look way sexier ]




vite.config.js


import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
export default defineConfig({
plugins: [vue()],
resolve: {
alias: {
'@': path.resolve(__dirname, './src'),
},
},
})

wovoui-icons: Bootstrap 5 icons in Vue 3

https://dev.to/wovosoft/wovoui-icons-bootstrap-5-icons-in-vue-3-2eop
Bootstrap Icons

wovoui-icons are imported

from Bootstrap 5 icons. There are almost 1522 icons.

And in the future, if Bootstrap provides some more icons, those will be available too as soon as possible.
wovoui-icons are wrapped in a separate package so that it's dependency can

be optional.



Getting Started

Of-course You can use the icons using the provided methods of Bootstrap 5. For example,



<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">



@import url("https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css");



import "bootstrap-icons"





Installation




Using NPM


npm install @wovosoft/wovoui-icons





Using yarn


yarn add @wovosoft/wovoui-icons





How to Use



<template>
<Activity :size="5"/>
<Alarm :size="5"/>
</template>
<script>
import {Activity, Alarm} from "@wovosoft/wovoui-icons";
export default {
components: {Activity, Alarm}
}
</script>