#Vue

https://dev.to/rahulmishra117/vue-50ho
I want share a Data abc which is string in my one component to another component .Any Idea How to share that data.

Micro-Frontends with React&Vue

https://karatasebu.medium.com/micro-frontends-with-react-vue-50ea9c4bc5a2?source=rss------vuejs-5
Today we are making a trip future of the web applications. I will try to explain what is micro-frontends, how we can use React in Vue with…Continue reading on Medium »

A chat app inspired by whatsapp

https://dev.to/readwarn/a-chat-app-inspired-by-whatsapp-3hc9
App link: Chat live-link

Repo link: Chat repo

Stack : MEVN

Hi guys, so yet again, I created a chat app, but this time, the app flow was inspired by WhatsApp.
Yea, this is the second chat-app project I've created, the first being a discord-like app. Here is article I wrote about it.
So this app basically let user sign up with just a unique username (no password needed). After signup, all new users are automatically added to the chat welcome channel. This channel is for new user to introduce themselves and interact with existing users.
Also the app has a DM feature, which allows users to chat privately. To initiate the private chat with a user, all you need to do is send them a friend request, as soon as they accept the request, you can start to chat with them.
I really don't want to explain how the whole app works or how to navigate through it. I just want to be sure the app is intuitive enough for user to understand and use.
I will also love to hear your feedbacks and feature suggestions. Thanks
PS: This app was created in less than a day [Vue.js sure makes everything simple].
Also I am really really open to a full time role/gig as a Vue.js dev. You can reach me on my email: [email protected]

Print PDF in electron

https://medium.com/@gakyoo/print-pdf-in-electron-61ff99efbce6?source=rss------vuejs-5
Hi developers, I have been trying to find a package to print in electron, but I ended up developing a simple PDF print class.Continue reading on Medium »

Vue 3 Teleport Kullanımı

https://medium.com/@serdargoleli/vue-3-teleport-kullan%C4%B1m%C4%B1-ca8e9bd93403?source=rss------vuejs-5
Vue 3 ile gelen bir diğer özelliğimiz ise teleport özelliğidir. Vue 3 geliştirme aşamasında ve beta sürümündeyken, teleport portal olarak…Continue reading on Medium »

Create a Data Flow Map using Cytoscape and Vue.js

https://yajanarao.medium.com/create-a-data-flow-map-using-cytoscape-and-vue-js-5be3b3ef11d2?source=rss------vuejs-5
We are going to create a Data Flow Map using Cytoscape and Dagre layout using Vue.jsContinue reading on Medium »

Set up Nuxt3 with Jest & TypeScript

https://medium.com/@fgoessler/set-up-nuxt3-with-jest-typescript-80aa4d3cfabc?source=rss------vuejs-5
Today I want to walk you through the steps I took to set up my Nuxt3 project with Jest and TypeScript. I’ll start with a “TL;DR”.Continue reading on Medium »

Build a News Aggregator App using Strapi and Nuxtjs
Ravgeet Dhillon

https://dev.to/ravgeetdhillon/build-a-news-aggregator-app-using-strapi-and-nuxtjsravgeet-dhillon-1n52
If you are an avid reader, you might have a News Aggregator app installed on your device. Wouldn't it be awesome to create your own News Aggregator app that you can control and customize according to your needs?
This tutorial aims to learn about Strapi and Nuxt.js by building a News Aggregator app with Strapi and Nuxt.js. In this app, you'll:

Learn to set up Strapi Collection types
Learn to set up Frontend app using Nuxt.js
Use CRON jobs to fetch news items automatically
Add Search capabilities
Register subscribers

Read the full blog on Strapi.
Thanks for reading 💜
I publish a monthly newsletter in which I share personal stories, things that I am working on, what is happening in the world of tech, and some interesting dev-related posts which I across while surfing on the web.
Connect with me through Twitter • LinkedIn • Github or send me an Email.
— Ravgeet, Full Stack Developer and Technical Content Writer

Is anyone building microfrontends with different UI libraries?

https://dev.to/keonik/is-anyone-building-microfrontends-with-different-ui-libraries-3iee
I have a scenario where a subset of developers enjoy building with Vue and another subset of devs enjoy React. I’m curious to know if anyone is leveraging the micro front end design pattern with different frameworks/libraries.

Tailwind for Vue 3 (vite)

https://medium.com/geekculture/tailwind-for-vue-3-vite-382c3d34ec0a?source=rss------vuejs-5
INTRODUCTIONContinue reading on Geek Culture »

The practice of making your applications usable

https://shmargadt.iss.onedium.com/the-practice-of-making-your-applications-usable-353b3e19c293?source=rss------vuejs-5
Two months ago, my wife invite me to a “blind date”. It took place in a “blind restaurant” where the waitresses are blind, and the guests…Continue reading on Medium »

Ciberseguridad en tiempos de CoVid-19

https://dev.to/pydominator/ciberseguridad-en-tiempos-de-covid-19-2481
Para nadie es un secreto que el covid modifico nuestra realidad al punto de que las personas que antes se mostraban "amenazadas" por la tecnologia hoy la ocupan como metodo de vida, un claro ejemplo de esto son los doctores y personal de salud en general, personas cuyo interes tecnologico era infimo pero que por razones que ya todos conocemos la vida les enseño que la tecnologia es mas un aliado que un enemigo, claro esta bien manejada.
Sin embargo esta oliada sin igual desde los tiempos del nacimiento del internet de noobs ha traido en si una masiva cantidad de fallos que antiguamente considerabamos sin importancia pero que ha razon de la migracion masiva de personas al internet hemos descubierto que si gozan de una importancia y no precisamente menor.
Los Hackers generalmente pasabamos nuestros dias resolviendo problemas relativamente ficticios en blogs y de mas redes de comunicacion para satisfacer un poco nuestra hambre y sed por conocer nuevos retos reales, sin embargo desde el inicio de la pandemia hemos visto un incremento en los casos de estafa virtual o Physhing bastante preocupante cosas como "La estafa del discord nitro" o como me gusta llamarla la estafa de los jovenes gamers facilistas es una estafa que basicamente busca la obtencion masiva de datos privilegiados de forma gratis y "segura" por un medio no tan conocido, como estos ahi una enorme lista de casos de physhing reportados solo en diciembre del 2021 pero bueno eso lo dejare para otro post
sin mas me despido y como siempre digo good luck have fun

How To Make Parallel API calls in VueJS Applications

https://medium.com/bb-tutorials-and-thoughts/how-to-make-parallel-api-calls-in-vuejs-applications-78426ee7f6da?source=rss------vuejs-5
A Step by step guide with an example projectContinue reading on Bachina Labs »

Where does Nuxt.js fit in Web Development?

https://medium.com/habilelabs/where-does-nuxt-js-fit-in-web-development-d625b52d48b0?source=rss------vuejs-5
By Payal MittalContinue reading on Minds Verse »

Petite-vue

https://habr.com/ru/post/593877/?utm_campaign=593877&utm_source=habrahabr&utm_medium=rss
Привет, эта статья - "перевод документации и часто используемых примеров" для petite-vue + ещё немного приколов и одна интересная практика (с которой не всё так очевидно, как могло бы казаться).Зачем нужен petite-vue?Petite-vue это 6ти килобайтное подмножество Vue, основной задачей которого, по словам Эвана, является Progressive Enchancement. Выучить очередной фреймворк

Leave tracker for a website: how to catch the moment your customer is leaving

https://rolique.medium.com/leave-tracker-for-a-website-how-to-catch-the-moment-your-customer-is-leaving-3cbf9ed2865c?source=rss------vuejs-5
In this article, we’ll speak about tracking moments when users try to leave a website. I’ll describe in detail how we determine the time…Continue reading on Medium »

A Concise Startup List for Your Next Project

https://dev.to/tavishigupta/a-concise-startup-list-for-your-next-project-1k45
After searching for a concise starter list for a new project of mine (below if you’re interested), I decided to put a quick one together for the skimmers like me.




Context

My app is in the travel space and the first few steps for me were to create a logo, brand & a landing page. (I already knew what I wanted to create, so these were the first steps of execution to feel a little established)



Basic Setup


Purchase domain (Google Domains, GoDaddy, etc.)
Set up email for the domain (I’m using Gmail)
Set up Google Drive to store documents
Set up Notion for note-taking & planning
Socials (can do more or less):

Twitter
Instagram
TikTok






Code Setup


Set up GitHub:

Create an organization
Create repos for different purposes (or monolith) in the organization


Create Cloud Account (I’m using Firebase [it’s easy], you can use AWS, Azure, etc.)
Set up Figma for all the designs

Fullstory for screen-capture-esque analytics (I personally really love this so far, way easier than Amplitude, which is what I’ve used in the past)




Logo & Branding



Logo: paid a friend who designs logos (we did 3 drafts + final deliverables)

Branding colours: I asked 20-odd friends a simple question related to the brand (i.e. When you think of stress free travel, what 2–3 colours come to mind?) & picked 2 of the top complementing colors




Landing Page (Waitlist)

I will be posting another article with the scaffolding of my landing page


Frontend: Vue3 + Tailwind (Any framework works)

Backend: Firebase Functions + MailchimpAPI for email campaigns (stick to using this one, none of the other packages have worked for me, so I made a simple call to the Mailchimp endpoints as mentioned in the docs)

Waitlist: WaitlistAPI / alternative Firestore methods (I created a Firestore collection & added each user’s information as a document, I use a referral email field to see who to give access to first)




A little about my app — Tern:




travelwithtern.com

Managing & organizing travel plans is very hard, especially when traveling in a group. Tern is a chatbot that can help make group decisions on AirBnB’s/hotels just by adding it to your group chats (via a phone number):

It will consolidate all AirBnB/hotel options mentioned in the group chat (you can ask Tern for all the options by texting ‘tern show options’ in the group chat)
It will nudge people to like/comment on AirBnB’s
It will notify the group if an AirBnB/hotel has been booked & is no more an option to pick from
On the Tern web app, there will be a ‘focus mode’ to gamify sorting through all the options
It will do all this and much more, just through texting :)

Easy, efficient, your ‘Type A’ friend of the group!



PS: If anyone wants to talk about Tern or anything else, please feel free to DM me on LinkedIn or Twitter, or email me at [email protected]

How To Hire Dedicated Full Stack Developers for Your Project?

https://etelligens.medium.com/how-to-hire-dedicated-full-stack-developers-for-your-project-2cc43ead1258?source=rss------vuejs-5
Full-stack developers are people who handle both the front-end and back-end development. One must be an expert in several languages to…Continue reading on Medium »

Vue2 the Vue3 way: Why a new Framework?

https://medium.com/zeals-tech-blog/vue2-the-vue3-way-why-a-new-framework-5ec49e8c6525?source=rss------vuejs-5
Concerns when selecting a new framework and why Vue?Continue reading on The Zeals Tech Blog »

A Practical Guide to Harlem

https://medium.com/@martinsOnuoha/a-practical-guide-to-harlem-5611c4fa0a13?source=rss------vuejs-5
Harlem — A simple alternative to Vuex for Vue 3Continue reading on Medium »

How to install font awesome icons to Nuxt Js - V2

https://dev.to/doctorbash/how-to-install-font-awesome-icons-to-nuxt-js-v2-59f2
Hi Developers
** Step 1.**
Install these packages.



yarn add @nuxtjs/fontawesome -D


then add free sets of icons



yarn add @nuxtjs/fontawesome @fortawesome/free-solid-svg-icons @fortawesome/free-brands-svg-icons -D


Step 2.
Add font awesome to nuxt.config.js file



// nuxt.config.js
buildModules: [
'@nuxtjs/fontawesome',
],


Step 3.
Add this configuration



fontawesome: {
component: 'Fa',
suffix: false,
icons: {
solid: true,
brands: true,
},
},


Step 4
How to use them in .vue file



<fa :icon="['fas', 'adjust']" />


...

Check the video link -> Install Font awesome icons to Nuxt 2

Bye bye Developers