Digest of r/vuejs

I know that might not be the right title and is not really a Vue.js related topic, but what do you think about coding in „higher“ ages? Where to go from here? Is it normal to code forever? Shouldn’t there be just „more“?

A bit more background about me. I am a developer for almost 25 years now, turning 44 next month. Did everything that is and was out there, from plain HTML and Web development in the early ages of Web development in the late 90s, over Flash, Wordpress, Angular, JS, CSS, JQuery, PHP, C#, MySQL, Python and for the last 7 years mainly JS/Vue.js on a large enterprise level app (which I cannot name here).

I am a freelancer by heart, was always and will always be, but I find myself thinking about. I would call myself an experienced senior developer, but where to go from here? Should I code forever? Switch professions? What are your experiences? What would be the next step?

TL;DR: I have founded VoidZero Inc., a company dedicated to building an open-source, high-performance, and unified development toolchain for the JavaScript ecosystem. We have raised $4.6 million in seed funding, led by Accel.

What about Vue?

VoidZero as a business is entirely separate from Vue. Vue will continue as an independent project but will receive first-class support from the new tooling developed by VoidZero

https://voidzero.dev/posts/announcing-voidzero-inc

Hello! I used to use Vue way way back in high school (2016 or 2017 or so), and it was one of my first frontend frameworks. Since then, I haven't played around with Vue much other than using the script tag version of it for a project at a steel mill (probably still in production!). That was with the options API though, so nothing modern.

I'm a React dev for work (well technically now an Angular dev, though I'm more competent in React). And don't get me wrong, I do really like React. But I've wanted to build a really custom todo app for myself for managing my ADHD with Evolu, and React was giving me issues. First I had to set up routing, which was a PITA (Tanstack rouer was great though). Then I wanted to try out React compiler and that had a bunch of things working oddly. Then I needed to pick a frontend framework, and there are a billion and one of those in React land. So I picked Mantine and had to learn it as I built, which required switching back and forth between the docs. And then I had to build my app, but React was just... really verbose for it lol. I needed something I could iterate on quickly and React just felt like it was stopping me oddly. (Don't get me wrong, I still love React, but I think it's much better for work lol).

So after trying out Solid and Svelte again, and not having them hit right, I decided to try out Vue. And damn I'm really glad I did!

First off, everything is so polished! I'm using Nuxt and it just works out of the box. And there are devtools for it! And they look amazing! And did I mention that everything just works out of the box unlike with the Vite-based React setup I had?

Oh and I decided to use Quasar. Holy shit. What an incredible frontend framework. It simultaneously has everything you'd ever need while also not having too many components. And because the integration with Nuxt will auto-import (? don't know the name, but expose the components as q-name components) the components, it makes the code so much cleaner. No import statements to add. No annoying <List><List.Item><List.Target> stuff like in React. The docs are to die for and are extremely well-documented, with lots of examples, the props APIs up front, and the source code down below (please do this more frameworks!). And it's super performant?? Like the app is just sparkling clean. I love it.

Also I went to the Vue docs to get up to date on the composition API, and WOW I forgot how good the docs are. They're super easy to read and if you just read them you'll learn the entire framework in an afternoon lol. The new composition API feels very familiar coming from Svelte (<script setup> feels very similar), but it uses a runtime-based reactivity system that does deep reactivity by default! Brilliant. With that and the pretty excellent watch / effect APIs, I was able to make a wrapper for Evolu that would automatically update queries in my app when the values changed. And it worked faster than the equivalent React API!

I don't want to gush too much, but I got sooooo much done in like an hour or two of tinkering and got a working local-first todo list app set up that looks gorgeous thanks to Quasar and comes in smaller than the React equivalent that I built (by about 300 kb lol). Nuxt especially just seems so much simpler than Next and a lot nicer to use. The fact that it uses Vite and not some crazy webpack Rust fork just makes it feel fast. Even though I'm using it for a SPA it's been a joy to use. Cannot say the same for most other metaframeworks.

I thinik I might've just found my new side project framework lol. Anyways super excited to program in it more tomorrow!

• RichEditor - Quillbased editor which also supports OpenAI completions for faster writing
• Import-Export - export and import data to/from CSV
• AuditLog - keep log of all actions in admin panel, who changed what and when
• 2FA - TOTP 6-digit code authentication for admin users

Look aligned with Tailwind UI as a whole framework:

AuditLog record

Richeditor plugin

Greetings from PrimeTek,

PrimeVue 4.1.0 is a feature-packed major update with various enhancements. The most important highlight is the Material Design theme, it is inspired by Material v2. This is the fourth and final built-in theme in addition to the existing, Aura, Lara and Nora. Just like other presets, it is highly customizable with design tokens.

Use the highlighted configurator at the PrimeVue website topbar to switch to Material theme.

https://preview.redd.it/vx6xpag6qbtd1.png?width=6400&format=png&auto=webp&s=cddb838cb79f202718b973c869c7166fff3f3483

Component Viewer

The Pass-Through documentation now includes an interactive component anatomy viewer to indicate all pass through sections. This is quite handy if you'd like to customize these DOM elements with attributes, styles and listeners.

Ifta and Float Labels

Ifta and new Float label variants are new additions to the suite to display a label and a form element as integrated. All input component demos have received new updates for the label variants.

ImageCompare

A brand new component to compare two images side by side, it is fully accessible and responsive.

More Slots

Various new slots have been added to the components and the template demos of individual component have been updated to demonstrate how the components can easily be customized with content projection.

KeyFilter

A new directive to block individual key strokes based on a pattern.

Nested Overlay Positioning

ContextMenu, TieredMenu and CascadeSelect has received a mobile mode to display the nested menus vertically on a smaller screen.

Maintenance

Our team has spent significant time on reviewing issue tickets and PRs to revamp the overall quality as usually.

Migration

As promised after v4, future updates of PrimeVue will be a drop-in replacement, there are no breaking changes in v4.1.0.

Tailwind Version and Unstyled Mode

The PT based Tailwind presets have also been updated to v4. For those who are not familiar with it, it is an alternative approach to style PrimeVue with Tailwind instead of the default theming with tokens. This will be the last release of the PT based version as after brainstorming with the community we've decided to use "apply" instead of PT. The new update for Tailwind version will be v5 due 3rd week of October to bring great DX experience to what we'll call "FreeStyle" mode so that you can style the components with no restrictions. This styling approach is very useful if you are building your own library on top of PrimeVue or you just prefer Tailwind to style everything in your app.

Roadmap

4.2.0 will bring the new forms library and 4.3.0 will focus on the RTL support. After these we'll start bringing in the heavy duty components like advanced Data Grid, Event Calendar, Gantt Chart, Charts, PDF Viewer, HTML Editor, Timeline and more.

Hey Vue.js community! 🌟

I wanted to share an exciting static analysis tool called Vue Mess Detector that can significantly enhance your development workflow. Static code analysis is essential for catching potential bugs, vulnerabilities, and code quality issues early on—before your code even runs!

It has rules for all the Oficial Vue.js Style Guide https://vuejs.org/style-guide/ and also a collection of rules that balances widely accepted best practices with more specific, opinionated guidelines, offering a comprehensive approach to code quality, allowing developers to choose the rules that best align with their project's style and goals.

And it has awesome features like:

• Apply/Ignore only specific rules or rulesets
• Group results per rule or file
• Sort results by most offended rule or file with most offenses
• You can export the output result to a file or change the output to a table
• Nuxt devtools integration
• Vue devtools integration (WIP)
• Config file to avoid using flags with the CLI...
• Override options for +12 rules
• And moreee 🚀

We just surpassed the 1,000 commits 🎉 a few days ago and we would love to receive more feedback on how to improve this tool (there is a discord server too)

Docs and repo links

• 👉 https://github.com/rrd108/vue-mess-detector
• 👉 https://vue-mess-detector.webmania.cc/get-started.html

Feel free to join in our Discord 👀 https://discord.gg/nXKwzk97jn

I propose creating a monthly thread similar to Hacker News, but specifically focused on Vue. This could be a valuable resource for those of us with years of experience but currently seeking employment. I believe many of us would greatly benefit from this. I'm open to hearing any differing opinions!"

Hey Everyone, I'm beyond excited to announce that Inspira UI has found a new home with the renowned Radix Vue ecosystem! 🎉 This is a huge milestone that reflects the incredible support and love from the community.

While Inspira UI will now be part of the renowned Radix Vue, I will continue to be the official maintainer, driving its growth and contributing to its future development. 🚀

This step forward opens up amazing opportunities for the project, and I'm thrilled to be able to keep building something that merges beautiful design with powerful functionality for Vue and Nuxt developers.

A big thank you to everyone who has been part of this journey. Your support means everything! 🙏

Check out the official announcement by maintainer of Radix-Vue here:

https://x.com/zernonia/status/1842209532581462098

Check out Inspira UI: https://inspira-ui.com

Hi 👋

I recently published an article titled "Structuring Vue Applications: A Modular Approach," where I dive into the importance of scalable architecture for Vue.js applications.

In this article, I discuss:

• The default folder structure of Vue apps and its limitations.
• Challenges related to scalability and code coupling in larger projects.
• Proposals for a more modular architecture that organizes code effectively.
• The benefits of using features like async components and nested routes.
• The introduction of a common folder for shared code and components.

As a teaser for the next article, I also share plans for building a real-world Golang + Vue.js web application using this architecture.

I’d love to hear your thoughts and feedback on this approach, especially if you’ve faced similar challenges in your projects. Check it out and let’s discuss!

Read the article here!

Thanks for your time!

This subreddit is the main hub on Reddit for Vue related discussion, but it is frequently filled with blatan self promotion and spam that should instead be paid ads.

Do you mods need more help? I have some previous modding experience and wouldn't mind helping to set up some automoderator ruels.

Hi everyone!

Welcome to our bi-monthly thread created to connect VueJS developers and companies that are hiring or seeking new talent.

Rules

1. No recruiters. This space is only for developers and companies directly involved in hiring.
2. Protect your privacy. Do not share personal information (like email addresses or phone numbers) in the thread. Use direct messages (DMs) to exchange contact details.
3. For companies hiring: Please provide a clear description of the role and what you’re looking for instead of just posting a link to an external website.
4. For job seekers: Feel free to share your portfolio, GitHub, or similar work. Keep in mind the privacy rule—avoid posting your CV directly in the thread.