angular-update-guide VS flex-layout

update.angular.io *

Hello, i work as a software developer and these days we got a project with the angular in the version 7, one of my tasks is to migrate from 7 to more recent versions, the ideal is the 17. I am trying to follow the step-by-step guide from here:https://update.angular.io/ to go from v7.2 to v8 but i cant even do that. I dont have familiarity with Angular,started to study last week because of this project i mainly work as a backend or with react/next, could you tell what could be the best approach?

Recently, I found myself in charge of upgrading our Angular application from version 12 to 15. In my current role, which I've held for just over a year, most of my focus has been on the backend, and I hadn't even touched the frontend apps until now. I've got to be honest; this upgrade process turned out to be a tougher nut to crack than I initially thought. It's not a knock on the Angular team's Angular Update Guide, though; they did a solid job. The real challenge came from the fact that we had a bunch of custom-made components that didn't quite follow the best practices playbook.

I really recommend the Angular update tool which you can find here: https://update.angular.io

I would like to update Angular from version 5.0 to version 6.1. The instructions at https://update.angular.io/ suggest using ng update @angular/core to update. However this updates directly to version 7 instead of version 6.

Make sure to use https://update.angular.io/ for the upgrade steps and do the upgrade by 1 major version at a time, test if everything works, make a commit and then go for the next version. You may want to go up.

> Every version essentially breaks the previous one.

This is simply not true. It might have been true in the early Angular v2 days, but since v6 or so, updates are relatively trivial.

https://update.angular.io has your back extremely well. The trick is to ensure whatever third party libs you're using have also been updated, otherwise you're application may break.

CLI has improved over the years, enabling smooth migrations between Angular versions. Check out https://update.angular.io/

Just go to https://update.angular.io/ and follow the instructions

GitHub Stars: 6k

Angular Flex-Layout repo (link)

Github Issue: https://github.com/angular/flex-layout/issues/1426

If you want the image to change size before and/or after certain breakpoints, I would look into Angulars Flex layout. And no, you don't need to define your own breakpoints. Flex Layout has predefined breakpoints.

And there's a nice library for layouting by the way. https://github.com/angular/flex-layout

Perhaps you can find it interesting the Swagger-UI, created automatically by the SmallRye OpenAPI, that has the possibility of doing one Authentication to test the endpoints protected by JWT.

I was wondering if the anyone observed that the Angular Flex Layout package makes their app perform slower compared to using a Flex css library like Tailwind?

That said, in the angular-layout repo's README there's a link to the repository's Wiki, just one bulletpoint above the link to the examples. Below the link to the examples you'll also find the link to the application's source code the demo app is built with - although for some reason the link is to the app's module file and not the app root.

Google css grid layouts. Your layout is a classic and had tons of examples online. If you want to use angular to modify your grid or flex box layouts, look at https://github.com/angular/flex-layout/wiki. There was a good recent article on how to use it on medium. https://medium.com/ngconf/angular-flex-layout-ddf1c8fad37e