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 »
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 »
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
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
DEV Community
How to install font awesome icons to Nuxt Js - V2
Hi Developers ** Step 1.** Install these packages. yarn add @nuxtjs/fontawesome -D Enter...
Creating a Vue 3 and TypeScript project using Vite
https://michael-verschoof.medium.com/creating-a-vue-3-and-typescript-project-using-vite-ce312a746fc4?source=rss------vuejs-5
It’s quick and easy!Continue reading on Medium »
https://michael-verschoof.medium.com/creating-a-vue-3-and-typescript-project-using-vite-ce312a746fc4?source=rss------vuejs-5
It’s quick and easy!Continue reading on Medium »
Sideproject Update - Fluenticons v2
https://dev.to/fayaz/sideproject-update-fluenticons-v2-np
So, last February I had made a small weekend project and last month I released a version 2 of it.
Fluenticons is an icon viewer for Microsoft fluent icons. It has over 4000+ open beautiful icons which you can use in your projects.
Fluenticons is now sponsored by Iconfinder, sign up and get $10 worth of credits (via the banner in fluenticons).
What's new in v2?
No more hacks, I've used actual SVG's now, so I was able to add some new features like manipulating them.
You can copy snippets for SVGs, Vue component, React Component, HTML Image.
You can download SVGs, PNGs, WEBP, Vue component, React Component now.
Manipulate colors to see how the icon looks.
More performant, loads way too fast now. (Scores 100 on Lighthouse Yay!!). Was surprised to see the site loading in 600ms when I moved from vercel to cloudflare pages.
What's next?
Make an advanced editor like adding frames behind the icons. Inspiration - Bakery & Iconscout's Icon Editor (requires a lot a math, which I am not good at.)
Make a npm package for others to use the components in their own web projects, probably looking a web component, maybe like boxicons.
Tech stack
Nuxt.js
Tailwind Css.
Hosted on cloudflare pages.
https://dev.to/fayaz/sideproject-update-fluenticons-v2-np
So, last February I had made a small weekend project and last month I released a version 2 of it.
Fluenticons is an icon viewer for Microsoft fluent icons. It has over 4000+ open beautiful icons which you can use in your projects.
Fluenticons is now sponsored by Iconfinder, sign up and get $10 worth of credits (via the banner in fluenticons).
What's new in v2?
No more hacks, I've used actual SVG's now, so I was able to add some new features like manipulating them.
You can copy snippets for SVGs, Vue component, React Component, HTML Image.
You can download SVGs, PNGs, WEBP, Vue component, React Component now.
Manipulate colors to see how the icon looks.
More performant, loads way too fast now. (Scores 100 on Lighthouse Yay!!). Was surprised to see the site loading in 600ms when I moved from vercel to cloudflare pages.
What's next?
Make an advanced editor like adding frames behind the icons. Inspiration - Bakery & Iconscout's Icon Editor (requires a lot a math, which I am not good at.)
Make a npm package for others to use the components in their own web projects, probably looking a web component, maybe like boxicons.
Tech stack
Nuxt.js
Tailwind Css.
Hosted on cloudflare pages.
DEV Community
Sideproject Update - Fluenticons v2
So, last February I had made a small weekend project and last month I released a version 2 of it....
Using Vue 3 with JSX and TypeScript
https://medium.com/@mattstypa/using-vue-3-with-jsx-and-typescript-451ce37727dc?source=rss------vuejs-5
This guide will show you how to set up Vue 3 to use JSX components and define props and emits using pure TypeScript.Continue reading on Medium »
https://medium.com/@mattstypa/using-vue-3-with-jsx-and-typescript-451ce37727dc?source=rss------vuejs-5
This guide will show you how to set up Vue 3 to use JSX components and define props and emits using pure TypeScript.Continue reading on Medium »
Vue2 the Vue3 way: Getting Started
https://medium.com/zeals-tech-blog/vue2-the-vue3-way-getting-started-64101fd4f81a?source=rss------vuejs-5
Hands on how to Scaffold a new project in Vue2, brief introduction to Vue2 concepts and introduction to Vue3 composition-APIContinue reading on The Zeals Tech Blog »
https://medium.com/zeals-tech-blog/vue2-the-vue3-way-getting-started-64101fd4f81a?source=rss------vuejs-5
Hands on how to Scaffold a new project in Vue2, brief introduction to Vue2 concepts and introduction to Vue3 composition-APIContinue reading on The Zeals Tech Blog »
How To Make Parallel API calls in VueJS Applications — Typescript Version
https://medium.com/bb-tutorials-and-thoughts/how-to-make-parallel-api-calls-in-vuejs-applications-typescript-version-c3356814ecbf?source=rss------vuejs-5
A Step by step guide with an example projectContinue reading on Bachina Labs »
https://medium.com/bb-tutorials-and-thoughts/how-to-make-parallel-api-calls-in-vuejs-applications-typescript-version-c3356814ecbf?source=rss------vuejs-5
A Step by step guide with an example projectContinue reading on Bachina Labs »
Vue.js Development for Your Next Project: Find Top Reasons
https://medium.com/@ishita.177/vue-js-development-for-your-next-project-find-top-reasons-e02d066d9f0f?source=rss------vuejs-5
Suppose you are a developer. You are also looking for a framework to work on. Now, the framework needs to be very progressive for you to…Continue reading on Medium »
https://medium.com/@ishita.177/vue-js-development-for-your-next-project-find-top-reasons-e02d066d9f0f?source=rss------vuejs-5
Suppose you are a developer. You are also looking for a framework to work on. Now, the framework needs to be very progressive for you to…Continue reading on Medium »
Vite.js Nedir?
https://medium.com/berkut-teknoloji/vite-js-nedir-86a0f184915b?source=rss------vuejs-5
Evan You (Vue.js’i yazan) tarafından oluşturulan Vite, frontend geliştirme deneyimini önemli ölçüde iyileştiren bir derleme aracıdır. Vite…Continue reading on Berkut Teknoloji »
https://medium.com/berkut-teknoloji/vite-js-nedir-86a0f184915b?source=rss------vuejs-5
Evan You (Vue.js’i yazan) tarafından oluşturulan Vite, frontend geliştirme deneyimini önemli ölçüde iyileştiren bir derleme aracıdır. Vite…Continue reading on Berkut Teknoloji »
Famous Front End Development Tools to Go for in 2022
https://dev.to/rlogical/famous-front-end-development-tools-to-go-for-in-2022-5eoh
List out here Top 6 Front End Development Tools to Go For in 2022
1.Ionic 2
Ionic 2 is not just a great mobile app development but tool but also best for front-end development. Using this, developers can create native and optimized applications for websites. It is free and has robust community support along with StackOverflow and Slack. The tools follow the concept of writing once and run everywhere as a single codebase can run on multiple platforms. It provides built-in notifications and has larger plugins availability.
2.Angular.JS
It is a product of Google and is known as a top front-end development tool. It is an open-source framework that offers data binding, plain JavaScript, controller features. With Angular.JS, amazing web app development services can be provided with reusable components, localization, and directives. Moreover, it also offers built-in testability. The framework is quite easy to use and maintain.
3. Vue.js
This JavaScript library is used to build web interfaces. Currently, the front-end development tool has around 26.6K rating on Github and has left several other tools behind. If you hire front-end developer that uses Vue.js, you can get lightweight, high-quality, and efficient web apps. The best part about Vue is that it is free from pedigree and has less baggage. With Vue.js, it is easier to improve over the errors. Despite being one of the newer development tools, it is becoming widely popular.
4. Chrome DevTools
The DevTools of Google Chrome provides excellent viewing functionality and changes the style and DOM of the page. Through these tools, one can execute and debug JavaScript, see messages, edit web pages immediately, and find out the problems faster. Moreover, the tools help put style into the HTML elements and check network activity. It optimizes speed and assesses runtime performance.
5. Webstorm
It supports smart coding for JavaScript and helps developers code more efficiently when working on big projects. Webstorm has an in-built Node.js app debugger and is highly customizable with various coding styles. With the unified interface, it is working with multiple systems of version control. It can integrate with popular command-line tools to develop web apps.
6. Grunt
A grunt is a free tool that can perform repetitive tasks like minification, unit testing, compilation, etc. It offers several plugins and can allow you to automate everything with fewer efforts. Using this, one can create own plugin as well.
Get to explore more Front-End Development tools here: https://www.rlogical.com/blog/12-front-end-development-tools-2022-for-front-end-developer/
https://dev.to/rlogical/famous-front-end-development-tools-to-go-for-in-2022-5eoh
List out here Top 6 Front End Development Tools to Go For in 2022
1.Ionic 2
Ionic 2 is not just a great mobile app development but tool but also best for front-end development. Using this, developers can create native and optimized applications for websites. It is free and has robust community support along with StackOverflow and Slack. The tools follow the concept of writing once and run everywhere as a single codebase can run on multiple platforms. It provides built-in notifications and has larger plugins availability.
2.Angular.JS
It is a product of Google and is known as a top front-end development tool. It is an open-source framework that offers data binding, plain JavaScript, controller features. With Angular.JS, amazing web app development services can be provided with reusable components, localization, and directives. Moreover, it also offers built-in testability. The framework is quite easy to use and maintain.
3. Vue.js
This JavaScript library is used to build web interfaces. Currently, the front-end development tool has around 26.6K rating on Github and has left several other tools behind. If you hire front-end developer that uses Vue.js, you can get lightweight, high-quality, and efficient web apps. The best part about Vue is that it is free from pedigree and has less baggage. With Vue.js, it is easier to improve over the errors. Despite being one of the newer development tools, it is becoming widely popular.
4. Chrome DevTools
The DevTools of Google Chrome provides excellent viewing functionality and changes the style and DOM of the page. Through these tools, one can execute and debug JavaScript, see messages, edit web pages immediately, and find out the problems faster. Moreover, the tools help put style into the HTML elements and check network activity. It optimizes speed and assesses runtime performance.
5. Webstorm
It supports smart coding for JavaScript and helps developers code more efficiently when working on big projects. Webstorm has an in-built Node.js app debugger and is highly customizable with various coding styles. With the unified interface, it is working with multiple systems of version control. It can integrate with popular command-line tools to develop web apps.
6. Grunt
A grunt is a free tool that can perform repetitive tasks like minification, unit testing, compilation, etc. It offers several plugins and can allow you to automate everything with fewer efforts. Using this, one can create own plugin as well.
Get to explore more Front-End Development tools here: https://www.rlogical.com/blog/12-front-end-development-tools-2022-for-front-end-developer/
DEV Community
Famous Front End Development Tools to Go for in 2022
List out here Top 6 Front End Development Tools to Go For in 2022 1.Ionic 2 Ionic 2 is not just a...
Прогрессивный Petite-vue
https://habr.com/ru/post/594837/?utm_campaign=594837&utm_source=habrahabr&utm_medium=rss
Привет 👋, это статья про progressive enchancement с помощью petite-vue. Тут я расскажу про его прикольные фичи (как отдельного инструмента, так и в составе Vue).В процессе я сделаю прогрессивный сайт, который подгружает React приложение в неблокирующем режиме, при этом позволяет сохранять интерактивность в процессе загрузки.В общем (и целом), всё круто 👍 Прогрессировать
https://habr.com/ru/post/594837/?utm_campaign=594837&utm_source=habrahabr&utm_medium=rss
Привет 👋, это статья про progressive enchancement с помощью petite-vue. Тут я расскажу про его прикольные фичи (как отдельного инструмента, так и в составе Vue).В процессе я сделаю прогрессивный сайт, который подгружает React приложение в неблокирующем режиме, при этом позволяет сохранять интерактивность в процессе загрузки.В общем (и целом), всё круто 👍 Прогрессировать
Хабр
Прогрессивный Petite-vue
Привет 👋, это статья про progressive enchancement с помощью petite-vue. Тут я расскажу про его прикольные фичи (как отдельного инструмента, так и в составе Vue). Конечно, было бы прикольно, если бы...
VueJS api request Vuex yoki Component
https://medium.com/@fnematov/vuejs-api-request-vuex-yoki-component-7a0ed5fd3388?source=rss------vuejs-5
Vue framework bilan ishlashni boshlaganingizda har hil video darsliklarni ko’rasiz, har hil qo’llanmalarni o’qib ko’rasiz. Ularning…Continue reading on Medium »
https://medium.com/@fnematov/vuejs-api-request-vuex-yoki-component-7a0ed5fd3388?source=rss------vuejs-5
Vue framework bilan ishlashni boshlaganingizda har hil video darsliklarni ko’rasiz, har hil qo’llanmalarni o’qib ko’rasiz. Ularning…Continue reading on Medium »
Debugging Apollo Cache
https://sdusteric.medium.com/debugging-apollo-cache-4dae0ec139b1?source=rss------vuejs-5
So you have implemented your API in GraphQL and deployed your Apollo server production. Congratulations! To make it production-ready and…Continue reading on Medium »
https://sdusteric.medium.com/debugging-apollo-cache-4dae0ec139b1?source=rss------vuejs-5
So you have implemented your API in GraphQL and deployed your Apollo server production. Congratulations! To make it production-ready and…Continue reading on Medium »
How do I write tests for my JS app
https://sdusteric.medium.com/how-do-i-write-tests-for-my-js-app-4f8fe33660ff?source=rss------vuejs-5
Test is a word that a lot of software engineers say but don’t really do.Continue reading on Medium »
https://sdusteric.medium.com/how-do-i-write-tests-for-my-js-app-4f8fe33660ff?source=rss------vuejs-5
Test is a word that a lot of software engineers say but don’t really do.Continue reading on Medium »
How to write tests for Vue
https://sdusteric.medium.com/how-to-write-tests-for-vue-2a4084441e8a?source=rss------vuejs-5
Let us continue the trend of making sure our applications still work and continue working for the rest of 2021. Last week we talked about…Continue reading on Medium »
https://sdusteric.medium.com/how-to-write-tests-for-vue-2a4084441e8a?source=rss------vuejs-5
Let us continue the trend of making sure our applications still work and continue working for the rest of 2021. Last week we talked about…Continue reading on Medium »
Why do we need to write tests
https://sdusteric.medium.com/why-do-we-need-to-write-tests-6ff8ae01b0f6?source=rss------vuejs-5
I have written 2 posts on writing unit tests in JavaScript to kickstart 2021.Continue reading on Medium »
https://sdusteric.medium.com/why-do-we-need-to-write-tests-6ff8ae01b0f6?source=rss------vuejs-5
I have written 2 posts on writing unit tests in JavaScript to kickstart 2021.Continue reading on Medium »
How to define a default value for function in JavaScript
https://sdusteric.medium.com/how-to-define-a-default-value-for-function-in-javascript-24c735bd555d?source=rss------vuejs-5
I am trying to formulate a story to start off this post but I can’t come up with any after work so here goes nothing.Continue reading on Medium »
https://sdusteric.medium.com/how-to-define-a-default-value-for-function-in-javascript-24c735bd555d?source=rss------vuejs-5
I am trying to formulate a story to start off this post but I can’t come up with any after work so here goes nothing.Continue reading on Medium »
Simple Vue.js App to view random facts about Cats| For Beginners
https://medium.com/@frozen_codes/simple-vue-js-app-to-view-random-facts-about-cats-for-beginners-2e4a0d63ab2?source=rss------vuejs-5
Vue.js, the progressive Javascript framework is gaining popularity among front-end developers. With it’s easy to use syntax and combining…Continue reading on Medium »
https://medium.com/@frozen_codes/simple-vue-js-app-to-view-random-facts-about-cats-for-beginners-2e4a0d63ab2?source=rss------vuejs-5
Vue.js, the progressive Javascript framework is gaining popularity among front-end developers. With it’s easy to use syntax and combining…Continue reading on Medium »
IoTEdge-Vuejs-WebApp
https://medium.com/@durairajasivam/iotedge-vuejs-webapp-723755534ed?source=rss------vuejs-5
Deploying Vuejs Web app as an Azure IoTedge ModuleContinue reading on Medium »
https://medium.com/@durairajasivam/iotedge-vuejs-webapp-723755534ed?source=rss------vuejs-5
Deploying Vuejs Web app as an Azure IoTedge ModuleContinue reading on Medium »
Vue Js
https://umit-koc.medium.com/vue-js-6989db36738f?source=rss------vuejs-5
Vue.js kullanıcı arayüzleri ve tek sayfa uygulamalar inşa etmek için kullanılan açık kaynak Javascript iskeletidir.Continue reading on Medium »
https://umit-koc.medium.com/vue-js-6989db36738f?source=rss------vuejs-5
Vue.js kullanıcı arayüzleri ve tek sayfa uygulamalar inşa etmek için kullanılan açık kaynak Javascript iskeletidir.Continue reading on Medium »