Best of Vue.js2022

  1. 1
    Article
    Avatar of pointerPointer·4y

    2021 JavaScript Rising Stars

    Zx is a new tool by Google to write simple Command Line scripts in JavaScript or TypeScript. Vite is a building tool that uses esbuild compiler to provide great performance. Next.js keeps its position of leading "meta framework" for the React world. Tauri is a solution to build desktop applications using web technologies.

  2. 2
    Article
    Avatar of hashnodeHashnode·4y

    Never stop learning

    There is always something to learn, something that changed, or something you could improve on. Good developers have a knack for learning, absorbing, and mastering things. There are no shortcuts to learning, so take small steps. documenting your journey can help you see how much you've grown.

  3. 3
    Article
    Avatar of honeypotHoneypot·4y

    6 Best Frontend Communities to Join in 2022

    In 2022, there are lots of online developer communities that can scale your learning experience and speed. WeLearnJS is a slack community of JavaScript developers with more than 12,000 members as of June 2022. Reactiflux is an online Discord community of React developers with a massive size of more than 185,000.

  4. 4
    Article
    Avatar of communityCommunity Picks·3y

    Vite 4.0 is out!

    Vite 4.0 is out! Vite 3 was released five months ago. Vite is now using Rollup 3, which allowed us to simplify Vite's internal asset handling.

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

    Pinia, The New (and better) State Management System For Vue

    Pinia is the new State Management System for Vue. This article explains why I think it’s a great tool, and why you should be using it today. If you haven’t heard about Pinia yet or considering switching from Vuex, this article might help you.

  6. 6
    Article
    Avatar of syncfusionSyncfusion·4y

    Micro-Frontend—Why and How?

    Micro-frontend is a new architecture inspired by microservices. The concept is similar to microservices, where we can break the whole monolithic codebase into smaller codebases that can be developed autonomously by distributed teams. Micro-frontends have certain principles that allow for scaling an app.

  7. 7
    Article
    Avatar of snipcartSNIPCART·4y

    The 6 Best JavaScript Frameworks to Use in 2022

    JavaScript frameworks are tried and tested tools for building scalable web applications. They contain a collection of JavaScript code libraries that provide pre-written JS code for standard programming features and tasks. Frameworks enable you to add functionalities like testing and linting to ensure you're shipping error-free code. There are more than 20 frameworks and 80 libraries for developers to choose from.

  8. 8
    Article
    Avatar of lnLaravel News·4y

    Vite is now the default frontend asset bundler for Laravel applications

    Vite is now the default frontend asset bundler in new Laravel projects. Breeze and Jetstream have been updated as well. Vite provides near-instantaneous build times during development. You'll see updates automatically happen in the browser while you work, which is a fantastic experience!

  9. 9
    Article
    Avatar of vuejsdevelopersVue.js Developers·4y

    Vue 3 was a mistake that we should not repeat

    More than 4 years have passed since the initial introduction of Vue 3. Many discussions over several RFCs and a lot of influence from other modern frameworks including React and Svelte have shaped Vue. Vue is probably the most powerful and well-rounded framework out there, capable of supporting applications of any scale and architecture.

  10. 10
    Article
    Avatar of lnLaravel News·4y

    Heroicons 2.0 are here

    The makers of Tailwind CSS released Heroicons 2.0, a set of 264 hand-crafted SVG icons for the web. The icons are redrawn from scratch and feature a 24px solid set. They are available as first-party React and Vue libraries and official Figma components.

  11. 11
    Article
    Avatar of phProduct Hunt·3y

    Circum Icons - Coherent open-source icon library for designers & developers

    These open-source icons are perfect for modern frameworks like React, Vue and Svelte. There are 285 icons currently available and a growing library of icons. Whether you're a designer or a developer, we've covered you with features.

  12. 12
    Article
    Avatar of asayerasayer·3y

    Getting started with Vite

    Vite serves your code via native ES module imports during development and bundles it with Rollup for production. Vite is a lightning-fast cold server start and offers instant hot module replacement and true on-demand compilation. It is also highly extensible via its plugin API and JavaScript API with full typing support.

  13. 13
    Article
    Avatar of gcgitconnected·4y

    Vue Creator Tells React Team: You Should Recommend Vite over Create-React-App for React Developers

    Vue Creator Tells React Team: You Should Recommend Vite over Create-React-App for React Developers. Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects, such as VanillaJS, Vue, React, and Svelte.

  14. 14
    Article
    Avatar of phProduct Hunt·4y

    Game Of Codes - fantasy maps - If React, Vue, Angular, Bootstrap or Tailwind were Countries

    Using real data, such as NPM downloads, stars on GitHub, or website traffic, I visualized technologies as countries. The methodology is described in detail for two separate maps for: Front-end Frameworks and CSS libraries. Backend & more are COMING SOON!

  15. 15
    Article
    Avatar of communityCommunity Picks·3y

    How I Built a Vue.js Ecommerce Store with a Node.js Backend

    Vue.js has been rising in popularity since it was first released due to its many advantages. It can be used to build a variety of apps, including websites, mobile apps, or desktop apps. For the backend, you’ll learn how to use Medusa, an open source Node.js commerce engine.

  16. 16
    Article
    Avatar of asayerasayer·4y

    Modern web animations with Gsap and Vue 3

    Learn how to create beautiful animations that really bring your websites to life. We’ll be using the powerful .css-1mn6awi. gsap animation library to animate our Vue 3 application using JavaScript. By the end, you will know how to set up a modern web application and create slick animations.

  17. 17
    Article
    Avatar of pointerPointer·4y

    BuilderIO/qwik: The HTML-first framework. Instant apps of any size with ~ 1kb JS

    Qwik allows fully interactive sites to load with almost no JavaScript and pickup from where the server left off. As users interact with the site, only the necessary parts of the site load on-demand. This precision lazy-loading is what makes Qwik so quick.

  18. 18
    Article
    Avatar of vuejsdevelopersVue.js Developers·4y

    VueUse - The library that makes Vue 3 worth the upgrade

    VueUse is a collection of 200+ essential utility functions for interacting with various APIs like browser, state, network, animation, time and more. The core package aims to be lightweight and dependence free. Integration with popular packages is supported using add-ons.

  19. 19
    Article
    Avatar of logrocketLogRocket·3y

    Next.js vs. Nuxt.js: Ultimate guide

    Next.js and Nuxt.js are modern JavaScript frameworks used to build modern web applications. Both are static site generators that embrace Jamstack architecture and are used on top of React and Vue, respectively. Next.js offers client-side and server-side rendering features and is used to develop fullstack React applications.

  20. 20
    Article
    Avatar of asayerasayer·4y

    Next.js vs NuxtJS: a comparison of two powerhouses

    New features in NuxtJS 3’s public beta, released in October, gave developers more time to focus on creating wonderful user experiences. Nuxt JS offers a module system that enables the core to be expanded. If there is an existing NuxJS module, you don’t need to create it all from scratch or maintain boilerplate. Plugins and configuration settings can be added. In addition to hybrid rendering permits various caching rules per route. If you share an article on Facebook, it can appear with the title “undefined” rather than the original article’SEOs.

  21. 21
    Article
    Avatar of changelogChangelog·4y

    formkit/auto-animate: A zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with React, Vue, or any other JavaScript application.

    AutoAnimate is a zero-config, drop-in animation utility that adds smooth transitions to your web app. You can use it with Vue, React, or any other JavaScript application. Add motion to your apps with a single line of code. Please consider supporting us with a recurring or one-time donation.

  22. 22
    Article
    Avatar of vuejsdevelopersVue.js Developers·4y

    20+ Useful Vue JS Components 2022

    20+ Useful Vue JS Components 2022 ThemeSelection. VueJS is a progressive framework for building user interfaces. It is used by big companies such as Gitlab, Alibaba, Xiaomi, Adobe, Euronews, Nintendo, Grammarly, Codeship, Behance, and many more.

  23. 23
    Article
    Avatar of jetbrainsJetBrains·3y

    10 Best WebStorm Themes

    All the themes mentioned in this blog post are either available out of the box or can be installed for free directly from your IDE. WebStorm is very customizable, so you can configure it how you like. You can change the theme you’re using, which will alter the look and feel of the IDE.

  24. 24
    Article
    Avatar of devgeniusDev Genius·4y

    Vue vs React in 2022: What to Choose and When

    Vue and React are among the most fast-evolving technologies for frontend development. There are many factors to explain their popularity among business owners and developers. In this blog, we will try to compare Vue.js vs React.js, taking into account their differences and similarities.

  25. 25
    Article
    Avatar of lnLaravel News·3y

    OpnForm is an Open-source Form Builder Made With Laravel

    OpnForm is an open-source form builder made with Laravel, Vue.js, Tailwind CSS, and more. You can self-host this application or use the cloud-based hosted version to create forms that you can share anywhere on the web.