Best of Vue.js — November 2024

1. 1
   Article

   LogRocket·1y

   Building a real-time chat app using Laravel Reverb and Vue

   The guide covers building a real-time chat application using Laravel Reverb and Vue. It starts by setting up the development environment, including Laravel for the backend and Vue for the frontend. Key components like models, migrations, controllers, and frontend integration are implemented step-by-step. It also explains setting up WebSocket connections using Laravel Reverb for real-time message broadcasting and handling asynchronous tasks with Laravel's queue jobs.

   75
2. 2
   Article

   Frontend Masters·1y

   Why Alpine is the new jQuery and Why that is an Awesome Thing – Frontend Masters Boost

   Alpine.js is a lightweight JavaScript framework that simplifies adding interactivity to web pages, similar to jQuery but with a smaller footprint. It allows for easy data binding, event handling, and DOM manipulation through straightforward syntax. This guide walks you through setting up Alpine.js, defining and displaying variables, utilizing conditional rendering, handling events, and more, making it a go-to tool for modern web development.

   36

   5
3. 3
   Article

   Web Tools Weekly·1y

   Frameworks, React Tools, Uncats

   Learn about some exciting web frameworks and tools, including Remix SaaS for building SaaS apps, stunning UI components for Vue and Nuxt with Tailwind, and various React tools ranging from form builders to state management solutions. Additionally, explore the benefits of Cloudways for web hosting and HubSpot's free CRM for growing businesses.

   29
4. 4
   Article

   Community Picks·1y

   Comparing Frontend Frameworks: Angular vs. React vs. Vue.js - Which One Fits Your Project Best?

   Choosing the right frontend framework is crucial for the success of your web development project. Angular is ideal for large, enterprise-level applications due to its full-featured nature and built-in tools. React, developed by Facebook, offers flexibility and modularity with its component-based architecture, making it suitable for dynamic UIs. Vue.js, a progressive framework, is easy to learn and suitable for small to mid-sized projects. Evaluate project complexity, team expertise, development speed, and community support to determine which framework best fits your needs.

   29

   6
5. 5
   Article

   freeCodeCamp·1y

   How to Implement RBAC in a Community Dashboard with Nuxt

   Learn how to implement Role-Based Access Control (RBAC) in a community dashboard using Nuxt and Permit.io. The post explains the differences between authentication and authorization, outlines the benefits of using Authorization as a Service, and provides a step-by-step guide on setting up Permit.io within a Nuxt application. Additionally, it covers creating a middleware for API access control and testing the RBAC implementation with a demo community dashboard.

   25
6. 6
   Article

   Web Tools Weekly·1y

   JS Utilities, Testing Tools, Uncats

   Explore various JavaScript utilities including a recursive form data assigner, a parallel DOM operations library, and tools for component library usage. Discover testing and debugging tools such as an HTTP(S) benchmarking tool, atomic CSS DevTools, and a tool for detecting code smells in Vue.js projects. Additionally, learn about a no-code platform, versioning systems, APIs for IP info, and innovative commercial apps.

   25
7. 7
   Article

   Community Picks·1y

   The Complete Guide to Building a Vue.js Component Library

   This series of posts guides readers through building a Vue.js component library step-by-step. Topics include setting up a monorepo with linters and formatters, using TypeScript for better development, automating component testing with Vitest, establishing a CI pipeline for continuous delivery, creating a playground and Storybook with Histoire, and enhancing integration with Unplugin and a Nuxt module. By the end, readers will be equipped to develop professional Vue.js component libraries for personal or community use.

   15