Best of Vue.js2021

  1. 1
    Article
    Avatar of phProduct Hunt·5y

    Atropos - Touch-friendly 3D parallax hover effects

    Atropos is a lightweight, free and open-source JavaScript library. It can be used to create stunning touch-friendly 3D parallax hover effects. Available for JavaScript, React and Vue.js Embed this post on your site. For more information, visit Atropos.

  2. 2
    Article
    Avatar of phProduct Hunt·5y

    Slidev — Presentation slides for developers

    Slidev is a web-based slides maker and presenter powered by Vite. It's designed for developers to focus on writing content in Markdown. It also has the power of HTML and Vue components to deliver pixel-perfect layouts and designs with embedded interactive demos.

  3. 3
    Article
    Avatar of devtoDEV·5y

    Vue vs React: What to choose in 2021?

    Vue and React are among the most popular JavaScript frameworks. Vue has 181K Github stars, while React runs close with 165K stars. Both have excellent performance, each with its own advantages. Having more users of each framework would be a factor in how the job market looks in 2020.

  4. 4
    Article
    Avatar of devtoDEV·5y

    Moving away from ReactJs and VueJs on front-end using Clean Architecture

    This article is an English translation of the original in my blog: Alejándonos de ReactJs y VueJs en el front end usando Clean Architecture. Clean Architecture is the ability to uncouple our application of the delivery mechanism to the user, that is, from the UI framework or library.

  5. 5
    Article
    Avatar of freecodecampfreeCodeCamp·5y

    Learn Vue 3, a Front-End JavaScript Framework

    Learn Vue 3, a Front-End JavaScript Framework for the Web. Learn more about Vue on the Vue website. See more Vue articles on CNN.com. Follow us on Twitter @vue3 and @jennifer_carnes.

  6. 6
    Article
    Avatar of hashnodeHashnode·5y

    Refactoring old code

    A colleague asked me to write an extension on an old codebase. The old code was using loops and wasn't really efficient with the tools we have nowadays. I decided to use the Map method to map the data into the desired format. The last thing we need is to have the array sorted based on the number variable.

  7. 7
    Article
    Avatar of phProduct Hunt·5y

    Tailwind Mobile - Mobile UI components built with Tailwind CSS

    Tailwind Mobile - is a free and open source mobile UI components library built with Tailwind CSS. With components for React, Svelte & Vue.js. Embed on your blog or social media accounts to show your support for Tailwind Mobile. Back to the page you came from.

  8. 8
    Article
    Avatar of medium_jsMedium·5y

    Using Vue vs React

    Vue.js and React.js are two popular frontend (FE) JavaScript frameworks among web developers worldwide at present. Vue uses HTML templates by default, but there’s an option for writing in JavaScript Expressions (JSX) React relies on routing and state control on external solutions such as Flux/Redux.

  9. 9
    Article
    Avatar of devtoDEV·5y

    I created 8 free dashboard templates built with Tailwind for React, Next, Vue and Nuxt.

    Salvia-kit is an open source dashboard tool for React, Next.js, Vue.js and Nuxt. It is fully customizable and without external dependencies. You can export it and integrate it in your project. There are 33 repositories and each dashboard has 4 templates.

  10. 10
    Article
    Avatar of sitepointSitePoint·5y

    What is Vitejs? An Overview of the New Front-end Build Tool

    Vite is a build tool that significantly improves the front-end development experience. You can use Vite to set up a development environment for frameworks like Vue and React. Vite is really fast, because it leverages native ES modules and doesn’t need to rebuild the whole bundle when something changes.

  11. 11
    Article
    Avatar of hashnodeHashnode·5y

    Let me introduce you to Inertia.js, something you didn't know you were missing

    Inertia.js is a package built for Laravel allowing people to develop single-page applications without building an API. Inertia allows you to create client-side rendered apps, using React, Vue or Svelte by leveraging existing server-side frameworks.

  12. 12
    Article
    Avatar of dzDZone·5y

    Why Is Vue.js the Most Preferred Choice

    Vue.Js is an open-source JavaScript framework used to create UIs and single-page applications. It has over 77.4 million likes on Github for creating intuitive web interfaces. 40.5% of JavaScript developers are c urrently using Vue.js, according to Wappalyzer and BuiltWith.

  13. 13
    Article
    Avatar of btrprogBetter Programming·4y

    Create a Blockchain Game With Solidity, Web3, and Vue.js

    Build a decentralized game using Ethereum public blockchain using Solidity, Web3, and Vue.js. We will focus more on the frontend side in the next part, but first, I will give a brief explanation about the Solidity side and how to deploy it to Rinkeby testnet. You need to install MetaMask and enable the extensions in Chrome.

  14. 14
    Article
    Avatar of css_tricksCSS-Tricks·4y

    Vite + _____

    Vite, “Next Generation Frontend Tooling” from Evan You, has been capturing a lot of attention. Vite works great with Vue, but Vue doesn’t seem to be the only first-class citizen of Vite. The plugins support Vue and React just the same and it looks like configurations for lit, Preact, and Svelte are easy.

  15. 15
    Article
    Avatar of medium_jsMedium·5y

    Vue Ecosystem

    Vue is a progressive framework for building user interfaces. It consists of a core library that focuses on the view layer and an ecosystem of supporting libraries. Vue is in 2nd place with 16.4% amongst the top 5 most wanted web frameworks. It is used by big companies such as Gitlab, Alibaba, Xiaomi, Adobe, Euronews, Nintendo, Grammarly, Codeship, Behance, and many more.

  16. 16
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    4 JavaScript Frameworks You Should Consider For Your Next Web App

    With Pros & Cons For Each Rlogical Techsoft.Pvt.Ltd. 4 JavaScript Frameworks You Should Consider For Your Next Web App. Express.js, Next, Gatsby and Nuxt are the 4 JavaScript frameworks you should consider for your next web app.

  17. 17
    Article
    Avatar of dzDZone·4y

    8 Amazing Benefits of Vue.js That Can Make Your Dev Life Easy

    Vue.js is a highly advanced JavaScript framework that allows developers to build interactive user interfaces. It is mostly preferred to build single-page applications (SPAs), rightly because it offers cutting-edge development features. It provides super convenient features to build applications quickly, without going into many technical hassles. It also provides flawless features to support cross-platform development.

  18. 18
    Article
    Avatar of phProduct Hunt·5y

    Tailwind UI Kit — 600+ components, 30 templates, React, Angular, & Vue support

    Tailwind UI Kit is a one-of-a-kind collection of 600+ ready-to-drop-in components. It includes 30 templates with react, angular, and vue support. It's available for iOS, Android, and web apps. For more information, visit Tailwind's website.

  19. 19
    Article
    Avatar of asayerasayer·4y

    Top 5 VS Code extensions for Vue developers for 2022

    With the adoption of Vue 3, there’s been quite a lot of changes in the ecosystem, and related tooling is no exception. In this article, we’ll take a look at some of the best VS Code extensions specifically for Vue.

  20. 20
    Article
    Avatar of hashnodeHashnode·5y

    6 Ways to Host Your React JS App For Free

    Choosing a hosting provider for your app is very important, as your website performance depends on it. Here are some popular and free hosting services, that you can use to deploy your react app. Deploying an application created with a framework like React, Vue, or Angular differs significantly from deploying a website built with HTML, CSS, and JavaScript.

  21. 21
    Article
    Avatar of vuejsdevelopersVue.js Developers·5y

    The Best Free VueJS Admin Templates In 2021, For Developers👨‍💻

  22. 22
    Article
    Avatar of asayerasayer·5y

    Optimizing the Performance of Your Vue Apps Using Web Workers

  23. 23
    Article
    Avatar of jsPlainEnglishJavaScript in Plain English·5y

    Stop using actions in Vuex

    Remove all your “business logic” from your Vuex store by moving them into regular functions. Veysel Ozdemir explains how to do this in a single line of code. This article applies to both VueX and Redux, but since I’m working with VUEx these days, I will give examples in Vue x.

  24. 24
    Article
    Avatar of logrocketLogRocket·5y

    Vue Native vs. React Native

    Vue Native is a cross-platform framework that wraps the Vue.js syntax around React Native. Because Vue Native’s code transpiles into React Native before it compiles into a mobile app, you don’t need to learn React from scratch. Both frameworks are open source for anyone to contribute their source code to and use.

  25. 25
    Article
    Avatar of logrocketLogRocket·4y

    Building a Vue 3 component library

    component libraries are a great way to collect common UI solutions into a package that you can reuse across your own projects or share with the Vue open-source community. To create a component library, we will not use the normal scaffolding process of Vue.js projects, i.e., Vue CLI. We will instead create a project folder from scratch where we’llinitialize npm and Git.