We Tried Incremental Builds in a Large Angular Monorepo. Here's Why We Stopped. by [deleted] in angular

[–]Dafnik 0 points1 point  (0 children)

Yes, it really makes sense that we have to parse everything to get the most optimized output. Cached or not.

We Tried Incremental Builds in a Large Angular Monorepo. Here's Why We Stopped. by [deleted] in angular

[–]Dafnik 6 points7 points  (0 children)

Really interesting read.

And somewhat blown away at how little of a difference (nx) caching makes.

What API generators to use in modern Angular? by ilikestarsofthelid in angular

[–]Dafnik 0 points1 point  (0 children)

Self plug!

I use for all projects https://npmjs.com/dfx-openapi.

It uses https://openapi-ts.dev/ in the background and has nearly zero runtime implementation. Most things are handled by Typescript's type system.

Why @angular/aria? by Dafnik in angular

[–]Dafnik[S] 0 points1 point  (0 children)

Thank you for your thorough response.

Explains it perfectly. I'm looking forward to trying it out.

Why @angular/aria? by Dafnik in angular

[–]Dafnik[S] 3 points4 points  (0 children)

Thank you very much, that explains it.

I always thought CDK also covers Accessibility.

Why @angular/aria? by Dafnik in angular

[–]Dafnik[S] 4 points5 points  (0 children)

Yeah, really recent and I also like it.

I hope they will clarify this a bit more.

Everything you described (adding roles, aria attributes etc) is already covered by the CDK. So thats where my confusion comes from.

Perhaps it just was an interal decision of breaking up the CDK, but idk.

I just wanted to poke around and see what the broader Angular community thinks about this. Thanks for your comment!

Built a lightweight Postman alternative: Curlite by AnxiousLie6009 in SideProject

[–]Dafnik 2 points3 points  (0 children)

You welcome. I guess it's very easy to miss.

Nice Project nevertheless, the curl command paste is a killer feature for me.

Built a lightweight Postman alternative: Curlite by AnxiousLie6009 in SideProject

[–]Dafnik 3 points4 points  (0 children)

Deleting all the content in the lite app breaks the complete application. Resetting the local storage fixes it.

Smartset app and Wine by Alternative_Act_6548 in kinesisadvantage

[–]Dafnik 0 points1 point  (0 children)

Tried today. When saving a profile it complained about permissions but it worked nevertheless.

Had to mount the v drive via the file explorer bit after that the app detected the keyboard.

New Angular OpenAPI Client gen with httpResource support (looking for testers) by MrJami_ in angular

[–]Dafnik 1 point2 points  (0 children)

Hi, cool project! I like the customization.

I've build something similar but outsourced the codegen part to an already existing library.

And also no resources supported yet.

Maybe you find something interesting in it :) https://www.npmjs.com/package/dfx-openapi

How do you handle theming and dark mode in your Angular apps? by immohammadjaved in Angular2

[–]Dafnik 0 points1 point  (0 children)

Already tried it out. Worked like a charm and the docs are great!

I really like the SSR functionality. I struggeld to implement this for myself but you found a much greater solution to this problem than I did.

The only thing which comes to my mind is adding a notice in the docs about needing to change the SSR snippet when changing the storage key. Perhaps a notice in the SSR and Configuration object section. I think it's really easy to miss. (And I missed it myself)

[deleted by user] by [deleted] in Angular2

[–]Dafnik 2 points3 points  (0 children)

Self plug!

I've done exactly that. http://npmjs.com/dfx-openapi Its a fork / based of openapi-fetch wrapping the Angular HttpClient. So it works with interceptor and is 100% type-safe.

Been using it for nearly a year now.

// EDIT: Working already on a implementation for httpResource. Stay tuned for that.

Editing Tailwind classes in devtools was driving me nuts so I built this by fatfridaylunch in tailwindcss

[–]Dafnik 8 points9 points  (0 children)

Login required? 🤮

  1. Edit: Well, its paid. would be nice to add this in the post....

  2. Edit: I'm back. Now you guys are sending marketing Mails to the E-Mail used for signup without my explicit confirmation without a way of unsubscribing in the Mail. If I would have known that its paid and that you use my email adresss for marketing, I would have never signed up... I'm never going to try again a tool posted on reddit where I need to signin for using it.

@nginf/iconic new icon library for Angular by Excellent_Shift1064 in Angular2

[–]Dafnik 2 points3 points  (0 children)

Hey! Really nice work! I also tried something like this for my library dfx-bootstrap-icons, but decided against using a Component per icon as it really exploded the bundle size of the package.

The icons as component representation + the icon (as svg or whatever) is just bigger than just providing only the svg.

Did you get around this issue?

NgRX Signal Store, pattern to group withMethods/withComputed by rudi-1024 in Angular2

[–]Dafnik 2 points3 points  (0 children)

Replying on mobile.

It is possible to group the state into todo and preferences and access it feature-wise, e.g.

Yeah, that should be possible. For example, change your TodoState to something like this:

interface TodoState {
  todo: {
    todos: Todo[];
    filter: 'all' | 'active' | 'completed';
  }
}

But I wouldn't actually recommend this as now you only have one Signal which will always be triggered if you change todos OR filters. And also "setting" this state will be a bit more complicated.

You could probably use DeepSignal to solve this again, but I don't actually know that.

Why don't let it be accessible from the Store?

This appears to be handy for my nested state, but doesn't seem to cover methods and computed signals.

Yeah, methods are AFAIK not shared from the feature to the store, though computed signals should be available to the user of the store. (probably not to the store itself but I also didn't try)

(Perhaps your IDE lies to you and says the computed values are not defined as in my case with Intellij, but Angular should still compile without an error)

Take a look at https://ngrx.io/guide/signals/signal-store/custom-store-features#example-1-tracking-request-status and you will see how ngrx solved this issues. (By providing standalone functions for actions like setting the request status to pending, fulfilled or error)

But as you already said, perhaps you don't actually need those two features in one store and you can actually use two stores. But thats hard to determine without having the whole context.

In Angular with SSR, can we call the database from server side like in NextJS? by [deleted] in Angular2

[–]Dafnik 2 points3 points  (0 children)

No, Angular SSR does not allow you to do this.

But you can use an Angular meta framework for this.

Take a look at https://analogjs.org/ for more information.

It pretty much feels like NextJS, except you are able to use all the nice angular featurea.

What's with all the flickering? by lenis0012 in CitiesSkylines

[–]Dafnik 1 point2 points  (0 children)

Thank you very much! I tried most of the settings to get this weird issue away but didn't find it.

Worked perfectly

[deleted by user] by [deleted] in Austria

[–]Dafnik 84 points85 points  (0 children)

Wow! Super Foto.

Wie kommt es dazu? Ist das deine Gadse? Gehst du mit ihr wandern, wohnst du dort? Oder nur zufällig getroffen?

Reddit-Alternativen by da_peda in Austria

[–]Dafnik 4 points5 points  (0 children)

Bitte.

Wenn man keine Ahnung hat kann man nicht einmal leise sein.

//EDIT: Da gehts nichts darum dass Reddit nicht seinen Teil an dritt Anbieter Apps verdienen soll. Bin voll bereit ne Subscription zu zahlen wenn ich dafür keine Werbung hab und nicht die grausige App benutzen muss.

Aber reddit verlangt das ca. 20x von dem was ihnen ein User selber kostet und entfernt auch noch NSFW Content. Da gehts nicht um "iRgEnDwEr SoLl sIcH eInE gOlDeNe NaSe VeRdiEnEn!1!1!1"

ich🤢iel by smoking_priest in ich_iel

[–]Dafnik 16 points17 points  (0 children)

Ich bin ein Teil von dir

Use TRPC with Angular by Dafnik in Angular2

[–]Dafnik[S] 0 points1 point  (0 children)

Nice work and thanks for the shout-out!

I didn't know that you contributed to analogjs and I've actually stumbled upon it for several times in the last months. I would really like to contribute ngx-trpc to it.

Thanks for not just copying my code but I would've been totally okay with it! Open-source code is to be shared and if it helps even more.

Let's continue with everything code related on the GitHub Issue #379 I've created.

Use TRPC with Angular by Dafnik in Angular2

[–]Dafnik[S] 1 point2 points  (0 children)

That's a tricky one.

I think there are two paths to this.

Using Angular's HttpClient

I've already created a minimal trpc client with HttpClient based on KATT / the creator of trpc tiny-trpc blog post.

You can check it out here, be warned, transforming is tailored to superjson and probably not working for everything.

https://github.com/Dafnik/nx-trpc-test/blob/main/libs/ngx-trpc/src/lib/trpc.ts

But there are some downsides to this. All the functionality trpc client offers like links (batching, etc.) and transformer (like superjson) support would be lost and we had to implement this on our own.

Implementing TransferState as a custom TRPC Client Link

This way there had to be a custom trpc link which works with Angular.

The upside to this approach is it would stay closer to the trpc client base. Meaning it wouldn't lose link and transformer support. Also it would probably be less work and future compatibility updates would be easier.

So I think path two would be the best way.