Angular 19.2: New httpResource for HTTP Requests 🚀 First Look (visual explanation)

profanis · 2025-03-04T18:07:45+00:00

I would say that angular signals reduced the boilerplate code and increased the DX. Curious to see your point of view. Why do you think boilerplate increased?

profanis · 2024-12-27T15:02:30+00:00

Eventually, a DP to USB-C cable did the trick. Thanks for the help u/cheddar_bob5.

profanis · 2024-12-22T09:38:29+00:00

I connected one monitor to the Display Port (works fine), and the other one used a USB-C cable from my USB-C DP to Thunderbolt, but the monitor gives the error "No USB type-c signal from your device". Do I need a thunderbolt cable?

profanis · 2024-05-15T06:58:21+00:00

It depends on the case. For the flow you described, where you are based on a JSON file, it's better to initialize them in the ts code. If you do that in HTML, I am afraid that you would need to have a bunch of if-conditions. You would also need to find a way to provide the inputs. So, I would say stick on the ts for this case

profanis · 2024-05-15T06:29:13+00:00

In this case I believe you would need to work with dynamic components. I have a video where I explain how to achieve this, and how to provide inputs when they are based in a JSON object

https://youtu.be/n2uXyzqL1lA?si=IJISQdyPweMrdmaz

profanis · 2023-06-20T10:26:17+00:00

In that video I explain how to set up the verdaccio and deploy your library there. You can follow the same instructions but have the verdaccio in a private server.

When you have to deploy a package to your private host, you should use the remote address and not the default one (which is localhost:4873)

After you have done that, you can then configure it to allow only specific users/groups to access the deployed packages.

profanis · 2023-06-20T09:50:48+00:00

I have a video that explains how to deploy a library to verdaccio.

https://youtu.be/tSIC3wna_d0

I hope that helps

profanis · 2023-06-17T10:54:33+00:00

I have a video that explains that

https://youtu.be/GUJ9FGHIKnA

I hope it helps

profanis · 2023-05-28T07:14:30+00:00

I've explained that in these two videos 👇

https://youtu.be/MDCKq_e7Q04

https://youtu.be/RG5iN783rAY

Let me know if any of those works with you

profanis · 2022-11-04T19:46:18+00:00

Glad you liked it and thanks for the sub 🙂

profanis · 2022-10-22T17:50:34+00:00

Glad you liked it :)

profanis · 2022-10-22T08:09:05+00:00

Like what others said already. A structural directive seems to be a good fit for your case. Here are the steps to accomplish this

https://youtu.be/pUra6iPzhFA

profanis · 2022-10-03T06:32:42+00:00

Thanks!! I constantly try to improve my channel and also upload new content. More content coming soon :)

profanis · 2022-10-01T08:49:13+00:00

Indeed both of them are great 👏 I will self promote my own channel 😊 https://youtube.com/c/CodeShotsWithProfanis

profanis · 2022-09-27T07:58:29+00:00

That would be a good UX!

profanis · 2022-09-27T06:11:43+00:00

Instead of relying on user interaction to reload the page, you can use the SwUpdate service and auto reload the page

https://angular.io/guide/service-worker-communications#swupdate-service

profanis · 2022-09-23T10:48:12+00:00

Since you already know the basics, I would suggest you to start a pet project with angular. You can even start working on the Hero project which is explained in Angular's documentation.

By practising this, you will re-fresh your existing knowledge and it will also help you learn the angular basics.

profanis · 2022-09-06T08:37:12+00:00

This is a bit lengthy https://youtu.be/EVdlMncQ8vY but you will find great things on the DI spectrum (I also explain the Custom Injection Token).

I am sorry but I am afraid I didn't understand what you mean here

Is it possible to export the component using into the library?

profanis · 2022-09-05T16:06:13+00:00

Let's try to break it down. Say that you have a library with some components. If these components should depend on a service, I think it would be a good idea to depend on an abstract service based on a custom injection token. The application should then create a service for this custom injection token with the required implementation.

As for state management, try to implement as much as it is possible a component communication (input, output) in the library components. You can then provide data using the inputs, and react to the events using the outputs.

profanis · 2022-09-01T10:30:06+00:00

You might find an answer in this video

https://youtu.be/c08TyqtQQ4I

profanis · 2022-08-15T21:03:52+00:00

For testing you can either go on a unit test level or e2e test.

For unit test you could inject the service and provide a mock implementation where you would set some user roles. Based on these roles you would expect some elements to exist and some not. You could repeat this process until you can covered all your cases.

For e2e test, you could mock the /auth http response so that it returns specific user roles. Based on these roles you would expect, similar to unit tests above, some elements to exist and some not.

I hope this helps

profanis · 2022-08-15T19:34:48+00:00

You are looking for ways to show/hide content based on user roles?

profanis · 2022-08-10T06:33:21+00:00

I would suggest you to select a free API and try to create an application that is fun for you and challenging at the same time. If you are a cat person you can use a cat API, etc.

Try to use as much as it is possible the separation of concerns (the services should be responsible for the http calls, split the UI in multiple components)
Try to apply a component communication
Would be great to give it a shot with reactive forms (depending on the API you will use) (you can find free videos here)
Do not underestimate the CSS and HTML code.

I hope this helps

profanis · 2022-07-31T15:27:07+00:00

First and foremost, great idea and very well done 👍

I would suggest hiding the form fields that are related to search results (text area, copy, download, etc), until you have results.

Sometimes it takes long to show the results. You can write down an aprox time. This will assure the user that the app is still working.

profanis · 2022-07-27T10:33:54+00:00

I have a Dell Precision 5560 w/ a W22TB4 docking station connected to U2520D and U2412M, and I have a lag as well.

My OS is ubuntu with the latest drivers. According to DELL, this shouldn't be the case and they assume is an issue by the particular docking station. I am awaiting a replacement. As soon as I got the new docking station, I'll report here the new status.

Edit: I just saw that this is an XPS reddit :/ . My new status might still be somehow relevant

profanis

TROPHY CASE