Vue.js

Vue.js

Application and Data / Libraries / Javascript UI Libraries
Needs advice
on
Next.jsNext.jsNode.jsNode.js
and
ReactReact

What do I learn after HTML, CSS, and JavaScript? Node.js, React, Next.js or Vue.js?

I want to work as a Freelancer.

READ MORE
2 upvotes·10.1K views
Needs advice
on
.NET Core.NET CoreNXKitNXKit
and
Vue.jsVue.js

Hello, I am working on a project consisting of several micro apps, set up using Nx. The feedback loop is very slow, so I was wondering if anyone has worked with something similar and has any advice on keeping the feedback loop tighter. Nx builds the Vue.js 2/3 apps using Vite, and I would love to be able to use hot reload.

READ MORE
9 upvotes·34.3K views
Needs advice
on
JavaJava
and
LaravelLaravel

Hi. I am a backend developer in a company tasked with recoding a legacy application, choosing the right technology stack, and then later hiring for that stack.

This is a freight/logistics/courier application made 15 years ago in PHP with no modern framework used. In this application, customers from different countries login into their accounts and add a huge number of shipments, like let's say 500, and then, later on, generate PDFs for them after calling third-party APIs. This application has API integrations with lots of other companies and also offers API access to its own software as well. This application is also used in-house by warehouse people to scan different shipments using barcode scanners and to process shipments by performing different actions on them. The database being used currently is MySQL.

Now we have the choice to write this application in a modern technology stack. Performance, speed, reliability, and security are the primary concerns here.

Should I go with Java/Spring Boot with Angular2+ as the front end or PHP/Laravel with Vue.js as the front end?

Switching at this point from PHP to Java will not be hard if Java is considered better here because we can hire as per our final decision.

Thanks.

READ MORE
8 upvotes·76.4K views
Replies (3)
Software Engineer ·
Recommends
on
Laravel

As a Laravel developer, I'd have to say go with Laravel. Although you can move away from PHP, it means any of that legacy code will still need to be completely ported to Java or whatever other language you use. Whereas, staying with PHP, you may find it easier to re-use/adapt that existing code.

Of course, if you're going for a full rewrite, then that might not be a useful consideration. However, even a full rewrite will introduce a lot of changes. When having to do this kind of thing, I recommend changing as few things as possible at once. So staying in the same language while upgrading may keep some pain points down.

READ MORE
6 upvotes·32.5K views

Vue.js with PHP/Laravel (vue.js is much better than Angular for building the frontend. I feel much cleaner and faster). you already using MySQL database PHP is prefered.

READ MORE
5 upvotes·3 comments·36K views
Ryan Amundson
Ryan Amundson
·
February 20th 2023 at 2:16AM

Are your only choices Java+Angular or PHP+Vue? My recommendation as an engineer with 10 years in a few fortune 50 companies:

Front end:

(Option 1) React: This will probably be your best bet as it has a huge market share and will be the easiest to hire for. Less opinionated which leads to a billion different libraries to choose from but also potential for bloat when hiring developers that want to use the tools and libraries they know.

(Option 2) Angular: This is also a good option still a decent market share share slightly more difficult to hire for but more suitable for large scale applications as it is more opinionated and more structured, in general, than React is.

(Option 3) Vue: Ive never recommended this before but it is a fine option, will be harder to hire for but not that much, not as mature as the other options but has as solid following.

Backend:

I typically would never recommend PHP, it used to be a trouble child but in recent years has picked up in quality. Still would recommend lots of other options first but if you want to minimize the amount of refactoring this could still be fine.

Java/Kotlin great options, Java is a mature language that will interface with MySQL with no problems. Should be easy as any to hire for these roles.

Golang is a younger popular Language for building microservices architectures, could be a good option if you want to change the architecture to be more resilient.

Tons of other options here as well C# and .NET, NodeJS with something like NestJS, etc...

·
Reply
Chris Goodwill
Chris Goodwill
·
February 20th 2023 at 11:09AM

Thank you for the detailed answer.

Front End:

we already have an application running on Angular and have a resource for it also so would be okay to just keep on going with Angular?

Backend:

Our existing application on PHP has matured over the years and is mostly in maintenance mode. Would you still recommend to rewrite this in Java? Thanks

·
Reply
Ryan Amundson
Ryan Amundson
·
February 21st 2023 at 5:47PM

Angular is a perfectly acceptable option for a front-end framework as Google has committed to consistent LTS (long term support) with 6 month cadence on major releases. For reference I work with VMware on their UI and it is nearly 100% Angular and has worked very well for them.

Regarding backend, if you are in maintenance mode with PHP I dont see any reason you should need to rewrite unless you are unable to fix issues for reasons related to the language. Just remember to keep security updates current and should be fine.

Best of luck

·
Reply
View all (3)
Needs advice
on
Node.jsNode.jsPostgreSQLPostgreSQL
and
Vue.jsVue.js

Hello everyone, I'm new to full stack web development and I'm trying to use Vue.js, PostgreSQL, and Node.js to make a localhost website (if that makes sense).

I've seen no tutorials on how to link the three technologies without using ExpressJS and I was wondering if it is even a good idea to use the said three technologies or whether I should just learn Express.js and watch a Youtube tutorial. Any help/advice/criticism is welcome.

Thank you.

READ MORE
13 upvotes·76.1K views
Replies (9)
Sincerely, we don't care. at Goodvibes·

I do not recommend Vue for a job, learn React or Angular

Additionally Typescript for React is a wise choice. however, you can start using Javascript.

The open source web framework Express.js for Node.js enables programmers to create online apps and APIs. It offers a number of tools and functionality, including as templates, road handlers, renderers, and debugging tools, to make development simpler. The popular Express.js substitutes Koa.js, Hapi.js, Fastify, and Restify are also available.

8+ Hour Stream - 3 Giveaways - Build a Full Stack Forum with Node/Express/Postgres/Vue.js/Bootstrap https://www.youtube.com/watch?v=aqiJQaPDy7o

Look for tutorials on how to build a website, but don't get too caught up in the stack, it doesn't matter at your level. Just have fun, that's my suggestion. If you need some help, feel free to add me on discord

Sergueiovitch#4089

READ MORE
10 upvotes·1 comment·47.2K views
Steven Schkolne
Steven Schkolne
·
April 21st 2023 at 1:07AM

+1 on React over Vue. I would also recommend React over Angular.

+1 Typescript, especially for a new project. Converting to TS can be awkward but if you start fresh it's much easier.

·
Reply

Hi Kelechi,

It is pretty easy. You will need to create and express.js API with Nodejs and have the Postgreql in it. Then you can create your Vue Apps and connect to the express API. This will help; https://www.youtube.com/playlist?list=PLWKjhJtqVAbnadueQ-C5keMQQiQau_i0D

I used a similar setup but I wouldn't recommend it except if you absolutely must. Use something like NuxtJs.

READ MORE
8 upvotes·2 comments·47.3K views
Andrew Plater
Andrew Plater
·
March 13th 2023 at 11:50PM

If you are starting out with Vue.js and Node.js and wanting to avoid creating servers including local ones running Express.js and are willing to explore cloud services for the database, you may want to consider AWS Amplify or Google Cloud with Firebase to build out your application. While there is a learning curve in using additional technologies, the pay off is that there are tutorials, documentation and videos and there is scope for extending your application if you need to later.

·
Reply
haitaodesign
haitaodesign
·
September 9th 2023 at 4:36AM

good

·
Reply
View all (9)
Needs advice
on
FlutterFlutterNode.jsNode.js
and
Vue.jsVue.js

Hi, I am making a website and mobile app for service providers of my region to share their profiles and make posts and interact with the clients, I am considering using Vue.js because it's simple and great for working in teams; node in the backend and Flutter and Dart in the mobile app, with MySQL database, do you guys think that its a solid stack for a scalable website and app?

READ MORE
9 upvotes·37.2K views
Replies (2)

Sounds good.

READ MORE
3 upvotes·2 comments·17.9K views
ELISEO GARCIA
ELISEO GARCIA
·
February 4th 2023 at 7:30PM

Go for it.

·
Reply
Pedro Souza
Pedro Souza
·
January 20th 2023 at 10:49PM

Thanks!

·
Reply
Owner at Aviation Parts Executive·

Great! Love the concept of building a new website and mobile app

READ MORE
3 upvotes·1 comment·17.1K views
Pedro Souza
Pedro Souza
·
January 23rd 2023 at 10:00PM

thanks!

·
Reply
Needs advice
on
GraphQLGraphQLSymfonySymfony
and
Vue.jsVue.js

Hi all - we've built a very custom and complex application and UI using custom Vue.js + Nuxt.js, which sits on top of a GraphQL API provided by Symfony.

It's a completely custom UI for administration with lots of complex data relationships and the way we've done it has worked very well... however...

Now we need to build a second part of the system, which is a simpler CRUD style application for managing a simpler data object, but one that still has many relationships. It doesn't need quite as much flexibility, but we do need to deliver it faster if possible.

We've looked at various options, for example: - What we've got (Symfony/GraphQL/Apollo/Vue/Nuxt) - A simpler version of the above using a REST API - Symfony + API-Platform + Vue3 - Native Symfony server rendered

When we consider other frameworks, we always seem to hit stumbling blocks - my lead developer is not keen to use anything that will restrict what he can do, but I also need to consider whether there are faster / cheaper / better solutions out there.

The frameworks all seem to be able to create the code to update / delete individual data tables with ease, but make it difficult / impossible when there are complex data relationships.

Does anyone have any other ideas before we continue the way we are doing things?

Thanks in advance.

READ MORE
4 upvotes·25.2K views
Replies (1)
Lead Developer at SEISIGMA SRL·

Why don't you try Laravel + Inertia.js + Vue.js for this simpler application? It's feel cohesive and allows you to move quickly and maintain the same core (PHP + Vue) to simplify the maintenance.

READ MORE
3 upvotes·9.5K views
Needs advice
on
DjangoDjangoPostgreSQLPostgreSQL
and
Vue.jsVue.js

I am planning on creating an application using the following tech-stack. Vue.js (TypeScript) for the front-end, Django (specifically Django REST framework) for the server-side work, and using PostgreSQL as the database. Is there any reason NOT to use this tech stack mentioned or are there better options? Without giving away too much info, my app will be logging information from the user, displaying this information, setting goals, displaying visual graphs, a friend system where you can add other people etc...

READ MORE
11 upvotes·67.5K views
Replies (6)
Engineering Manager at Opensignal·

Easy stack to start and develop your product. Vue is easy to learn and use, great support from the community if you have questions. Django is a powerful backend framework, the Django Rest Framework comes with a lot of generic views that you can use which will come in handy. Also, Django admin gives you and out of the box interface for all your admin/support needs.

READ MORE
6 upvotes·38.1K views

Great stack. Very productive and the vue development tools are excellent. The generic views from drf help a lot in productivity

READ MORE
6 upvotes·1 comment·38.4K views
Oziel Perez
Oziel Perez
·
November 16th 2022 at 4:58PM

Agreed, a very productive stack. Django takes care of a lot stuff for you down to the serialization of your data models, and Vue is just the best thing out there right now for front end projects, having good component structures while being flexible and easy to use.

·
Reply
View all (6)
Needs advice
on
BlazorBlazor
and
Quasar FrameworkQuasar Framework

The only two programming languages I know are Python and Dart, I fall in love with Dart when I learned about the type safeness, ease of refactoring, and the help of the IDE. I have an idea for an app, a simple app, but I need SEO and server rendering, and I also want it to be available on all platforms. I can't use Flutter or Dart anymore because of that. I have been searching and looks like there is no way to avoid learning HTML and CSS for this. I want to use Supabase as BASS, at the moment I think that I have two options if I want to learn the least amount of things because of my lack of time available:

  1. Quasar Framework: They claim that I can do all the things I need, but I have to use JavaScript, and I am going to have all those bugs with a type-safe programming language avoidable. I guess I can use TypeScript?, but that means learning both, and I am not sure if I will be able to use 100% Typescript. Besides Vue.js, Node.js, etc.

  2. Blazor and .NET: There is MAUI with razor bindings in .Net now, and also a Blazor server. And as far as I can see, the transition from Dart to C# will be easy. I guess that I have to learn some Javascript here and there, but I have to less things I guess, am I wrong? But Blazor is a new technology, Vue is widely used.

READ MORE
Reddit - Dive into anything (reddit.com)
21 upvotes·608.5K views
Replies (10)
Developer Consultant at Thinktecture AG·
Recommends
on
ASP.NET Core

First, Blazor Server is NOT a real SEO-capabale server-rendered approach. Its much more complex and in short it holds a copy of the HTML that should be shown in the Browser in memory on the server, all user input is sent to the server via websockets and the resulting diff in the HTML is sent back to the browser via websockets. That is generally not very SEO friendly.

When you need SEO capable real server-side rendering you should use ASP.NET MVC or ASP.NET Razor Pages, as these are real server-side-rendering technologies.

That said, OFirst, Blazor Server is NOT a real SEO-capabale server-rendered approach. Its much more complex and in short it holds a copy of the HTML that should be shown in the Browser in memory on the server, all user input is sent to the server via websockets and the resulting diff in the HTML is sent back to the browser via websockets. That is generally not very SEO friendly.

When you need SEO capable real server-side rendering you should use ASP.NET MVC or ASP.NET Razor Pages, as these are real server-side-rendering technologies.

That said,I think you can also use dart for server-side rendering, so that you don't need to learn a new language and especially a huge new ecosystem that is .NET.

READ MORE
12 upvotes·2 comments·30.4K views
jsakamoto
jsakamoto
·
September 25th 2022 at 11:20PM

> Blazor Server is NOT a real SEO-capable server-rendered approach.

That is incorrect!

Blazor Server has a real SEO capability server-side rendered, and it is out-of-box. When you create a new Blazor Server project, such as the `dotnet new blazorserver` command, that Blazor Server app already has server-side rendering without any additional working. You can verify it by yourself by sending an HTTP request to a Blazor Server app. For example, if you execute the `curl https://localhost:5001/counter` command, then you will see the server-rendered HTML content like `<p>count: 0</p>`.

Of course, the response from a Blazor Server for an HTTP GET request can include appropriate title and OGP meta header elements for SEO.

(see also "Control `<head>` content in ASP.NET Core Blazor apps" (https://learn.microsoft.com/en-us/aspnet/core/blazor/components/control-head-content?view=aspnetcore-6.0) )

Of course, once the Blazor Server runtime has been started after a web browser loads a pre-rendered initial HTML content, it works via a bi-direction connection with a server, as Sebastian Gingter mentioned. But anyway, it is not related with it can be pre-rendered or not.

Moreover, the pre-rendering capabilities for SEO are available not only for Blazor Server but also for Blazor WebAssembly. If the Blazor WebAssembly is hosted on an ASP.NET Core server, it can be pre-rendered on the server-side with the same mechanism as Blazor Server pre-rendering.

(see also "Prerender and integrate ASP.NET Core Razor components" (https://learn.microsoft.com/en-us/aspnet/core/blazor/components/prerendering-and-integration?view=aspnetcore-6.0&pivots=webassembly) )

(You also can see the real world example: https://clickonceget.azurewebsites.net/ )

And Blazor WebAssembly can be pre-rendered into static files at the publishing time of it too. For example, the "Awesome Blazor Browser" site hosted on GitHub Pages static web host is pre-rendered at the publishing time of it, so it is SEO friendly, and it can be found by internet search engines.

(The URL is https://jsakamoto.github.io/awesome-blazor-browser/)

What you should do to pre-render a Blazor WebAssembly project at the publishing time of it is just only one that adds one NuGet package to the Blazor WebAssembly project.

(see also: "BlazorWasmPreRendering.Build" (https://github.com/jsakamoto/BlazorWasmPreRendering.Build) )

This technic also is used for the Microsoft's official exhibition site for Blazor Quck Grid,

(The URL is https://aspnet.github.io/quickgridsamples/)

and Microsoft Developer Blog mentioned it.

(The URL is https://devblogs.microsoft.com/dotnet/asp-net-core-updates-in-dotnet-7-preview-6/#experimental-quickgrid-component-for-blazor).

To the best of my knowledge, Blazor is one of the easiest frameworks among any other SPA frameworks that have a server-side rendering capability.

·
Reply
jsakamoto
jsakamoto
·
September 25th 2022 at 11:45PM

> I think you can also use dart for server-side rendering, so that you don't need to learn a new language

I'm not familiar with Dart and Flutter but if that is correct, I feel that is a good suggestion.

·
Reply

With Blazor, depending on the UI you want to build, html and css may be unavoidable because you might have to use Bootstrap, flexbox, etc to properly position and customize the elements. You may be able to get away with using 3rd party component libraries, e.g. Radzen, Telerik, etc., but again it depends on your app. I haven't had to use Javascript much actually, a couple use cases where I've had to was for file downloads and window events.

READ MORE
11 upvotes·1 comment·30.6K views
Miharbi Hernandez
Miharbi Hernandez
·
February 8th 2023 at 2:22PM

Hi there!

I have been using Quasar for 4 years, at the beginning it was because the Vue UI components, they have a very good ones, but later it was because out of the box Quasar comes with a lot of features that make it a five stars framework.

https://quasar.dev/quasar-plugins/meta is the feature that you need to the SEO

·
Reply
View all (10)