Community Picks·1yunovue
The post highlights several repositories, including inspira-ui for building beautiful websites with Vue and Nuxt, shadcn-vue which is a Vue port of shadcn-ui, and shadcn-vue-nuxt-layer for quick integration of Shadcn-vue with Nuxt within a monorepo. Additionally, it mentions the use of top languages like Vue, JavaScript, and TypeScript.
Telerik·2yVue Basics: How to Develop Better Vue Applications with Nuxt
Nuxt 3 enhances Vue application development by offering features like TypeScript support, an automatic file-based routing system, and server-side rendering (SSR), which improves SEO and user experience. Nuxt's convention over configuration approach, powerful middleware, and layout systems streamline development, while its runtime configuration ensures consistent behavior across environments. Built-in composables simplify data fetching and handling, and the rich ecosystem of modules allows developers to add features with minimal configuration.
Community Picks·1yThe Ultimate JavaScript Cheatsheet Collection 🚀
Discover a curated compilation of essential JavaScript cheatsheets for various technologies including Vanilla JavaScript, React, Vue.js, and Node.js. This extensive collection is designed to simplify the coding experience for both beginners and seasoned developers, offering quick references for syntax, methods, and key concepts. Enhance your development journey with these valuable resources!
asayer·1yBuilding a Custom Fetch Composable in Vue
Vue.js allows developers to create composables to extract and reuse logic across various parts of an application, adhering to the DRY principle. Composables leverage Vue’s reactivity system, making them ideal for dynamic and synchronized data handling. This guide walks through creating a custom fetch composable for API interactions, handling different HTTP methods, configuring for flexibility, and using this composable within a Vue component.
LogRocket·1yAutomatic file-based routing in Vue.js
Managing route configurations in Vue.js applications can become complex with traditional methods. Automatic file-based routing simplifies this by auto-generating routes based on the file and folder structure in your project. The `unplugin-vue-router` plugin brings this feature to Vue.js, offering benefits like easier navigation and reduced errors. Setting it up involves configuring the router in your project files, updating some settings for TypeScript and IDE support, and adjusting the file structure to automatically generate routes. This guide walks through the steps to integrate and utilize file-based routing in Vue.js, highlighting its advantages over traditional routing methods.
Web Tools Weekly·1yCSS Tools, Git/CLI, Vue Tools
Discover a variety of new tools and plugins for CSS, HTML, Git, GitHub, CLI, and Vue. Highlights include Tailwind Sync, CSS Spring Easing Generator, Orwell for GitHub workload monitoring, and vue-i18n for internationalization. The post also introduces several useful packages like gradient-string for colorful terminal outputs and Vue Data UI for eloquent data visualizations.
LogRocket·2yIntegrating AI features in Vue using Chrome’s `window.ai` API
Google's new window.ai API allows developers to seamlessly integrate advanced AI features directly into the Chrome browser, providing client-side functionality without heavy reliance on server-side processing. This API offers pre-trained models, enabling developers with minimal machine learning experience to build AI capabilities. The post details how to use the API to build an AI chatbot in a Vue.js application and highlights the future potential and limitations of the API.
ThePrimeTime·1yLaravel Creator talks PHP, Lambos, and VC
In this episode of 'The Top Shelf,' Taylor Otwell, creator of Laravel, discusses the history of Laravel, the recent $57 million raise with Excel, and the technology choices for developing Laravel applications. Otwell explains his preference for Vue.js over React, although Laravel's latest product, Laravel Cloud, uses React due to its extensive ecosystem. The conversation delves into Inertia.js, a project that allows developers to write full-stack applications with modern JavaScript front ends while keeping traditional server-side routing and data retrieval. Otwell also shares insights into maintaining Laravel's code quality and the importance of building the hardest part of a project first.
gitconnected·1yFrom Atomic Design to Relativistic Interfaces
Relativistic UI represents the future of interface design, moving beyond static layouts to create adaptable, context-aware components. Building on the principles of Atomic Design and Mouldable UI, Relativistic Design introduces Frames of Reference, enabling components to make informed, context-sensitive decisions. This approach enhances modularity, flexibility, and maintainability, addressing real-world UI challenges with innovative concepts like principles and component gravity.
