Best of Vue.js — 2023
- 1
- 2
Medium·3y
A Front-End Application Folder Structure that Makes Sense
The goal is to apply some kind of modularisation that will make the codebase easier to understand by setting boundaries between features and minimizing code coupling and side effects. By default when scaffolding a new project using one of the popular front-end frameworks the component structure is flat and follows no hierarchy whatsoever.
- 3
- 4
- 5
Community Picks·3y
Tailwind CSS: 15 Component Libraries & UI Kits
Tailwind CSS has surpassed Bulma, Semantic UI, Foundation, and other prominent CSS frameworks in just a few years. It is now the 2nd most popular framework in the world, with Bootstrap holding a sturdy number one position. With several hundred custom components, it's also one of the most complete libraries.
- 6
DEV·3y
Bun hype. How we learned nothing from Yarn
Yarn and Bun went off to create their own competing technology. Both sold themselves on being way faster. Both went in with the goal of splitting the ecosystem. Both announced that they were officially v1.0 and ready for production!...while not actually supporting Windows. In 2023, npm is still faster than Yarn.
- 7
Angular·2y
Announcing Angular.dev
Angular.dev is the future home for Angular development, offering new tutorials, updated documentation, and a better user experience for developers. The release of Angular v17 includes deferred views, built-in control flow, view transitions API support, SSR enhancements, and more. The new tutorials on Angular.dev allow users to learn Angular concepts directly in the browser.
- 8
Smashing Magazine·3y
Top Front-End Tools Of 2022 — Smashing Magazine
Top Front-End Tools Of 2022 are the most popular tools in the developer community. Almost all of these tools are practical tools you can use in your projects today. Piling.js is a JavaScript library that allows you to build interfaces where large amounts of items can be dragged and dropped into “piles” It’s built on top of PixiJS.
- 9
- 10
- 11
freeCodeCamp·3y
Front End JavaScript Development Handbook – React, Angular, and Vue Compared
Frontend frameworks offer structured approaches and pre-built components to streamline the coding process. These tools can help boost productivity by offering reusable components and abstracting complex tasks like DOM manipulation and state management. Frameworks promote code maintainability through modular development, making it easier to modify or replace individual components.
- 12
Unleashing Your Power With Vue Animation
Learn how to create animations in Vue using CSS and GSAP (GreenSock Animation Platform), as well as how to create custom directives for animations. Unlock the power of animations in Vue to enhance user experience and make your applications stand out.
- 13
ITNEXT·3y
Ok, Astro is the best web framework in 2023, here’s why
Astro is the best web framework in 2023, here’s why. Astro is a web framework that is based on JavaScript and generates no JavaScript by default. It executes your JS code at build time, like SSR frameworks do, but it does no hydration, because most content-based website do not need JS.
- 14
Pointer·3y
DovAmir/awesome-design-patterns: A curated list of software and architecture related design patterns.
Software design pattern- A general, reusable solution to a commonly occurring problem within a given context in software design. It is a description or template for how to solve a problem that can be used in many different situations. This website accompanies the book Reactive Design Patterns by Roland Kuhn.
- 15
asayer·3y
Optimize Vue with Web Workers
Learn how to optimize Vue.js applications with Web Workers, a modern web technology that allows JavaScript to run in the background. Web Workers provide non-blocking operations, optimal CPU utilization, and scalability for web applications. By offloading intensive computations to a separate thread, Vue.js applications can achieve enhanced performance, improved user experience, and asynchronous operations. However, Web Workers have limitations such as lack of access to the DOM and limited access to certain Web APIs.
- 16
Prismic·2y
React vs. Vue: How to Choose for 2024
A comparison between Vue and React frameworks for web development. The article discusses their similarities, differences, pros and cons, and factors to consider when choosing between them. It also provides examples of popular brands using each framework. Vue is described as lightweight, easy to learn, and beginner-friendly, while React is praised for its large ecosystem, mobile development support, and frequent updates.
- 17
Product Hunt·3y
Vue Playground - Visual drag and drop builder for vue components and apps
Vue Playground is a Visual drag and drop builder for vue components and apps. Push and auto-deploy to GitHub pages or export static build for self hosting with netlify, heroku or other. Take your startup to the next level with one smart platform Support is great.
- 18
Building a Game with Phaser
Building a Game with Phaser - DEV Community Welcome to Part Two of this four-part series on building a mobile game using open source technologies. We'll be using Phaser, along with Ionic, Capacitor, and Vue. The source code for this tutorial is here, and I'll reference specific commits throughout.
- 19
- 20
LogRocket·3y
Building a multi-framework dashboard with Astro
Building a multi-framework dashboard with Astro can be a powerful and efficient way to create complex and versatile software. As software systems and requirements evolve, it may become necessary to migrate to a new framework or set of frameworks. Using Astro, developers can easily integrate multiple frameworks, allowing them to take advantage of the best features of each.
- 21
- 22
Trendyol Tech·3y
Vite: Webpack Killer or Something Else?
Vite is a build tool and development server for modern JavaScript applications. It uses the native ES modules feature in the browser to handle the imports of your JavaScript files. Vite also has a plugin system that allows you to add additional functionality, such as TypeScript support or JSX transpilation.
- 23
Svelte vs. Vue -- A Comparison
Svelte is a new and free framework of JavaScript used to build interactive websites. VueJS is a framework for frontend web applications that’s JavaScript-based as well as a Model-View-controller based. It makes use of a virtual DOM to ensure performance, like no virtual DOM (just the real DOM!), less code, and real reactivity.
- 24
- 25
Let’s Cover Some Powerful Feature to be Vue Jedi Master.
Vue.js Composition API provides powerful features such as reactive state, refs, computed properties, methods, and watchers. It also supports lifecycle hooks, context, effects, and providers. The Composition API allows for better reusability and performance optimization. It provides TypeScript support, server-side rendering, and single file components. Other features include routing, internationalization, dynamic components, and error handling.