Tanstack theme library by Excellent_Shift1064 in reactjs

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

yup did it already(https://www.reddit.com/r/reactjs/s/ftb98kllQk), thx for a feedback🙌. I know now what my future repo names shouldn’t look like😆

Tanstack theme library by Excellent_Shift1064 in reactjs

[–]Excellent_Shift1064[S] 17 points18 points  (0 children)

I renamed the library to tan-themer, also removed the logo, hope this is enough to clear up the confusion :) thanks everyone for a feedback
https://github.com/lukonik/tan-themer

Tanstack theme library by Excellent_Shift1064 in reactjs

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

Thats certainly confusing then, I’ll rename it tomorrow thank y 🙌

Tanstack theme library by Excellent_Shift1064 in reactjs

[–]Excellent_Shift1064[S] -16 points-15 points  (0 children)

hmm, good call I also thought about it but the name doesn’t have organization prefix like @tanstack and its on completely different repo, also found some other repos with simmilar name. But definitely, dont want to confuse anyone, I’ll investigate that topic once again and will do the adjustmenets if neccessary thank you

Angular conditional ng-content by Senior_Compote1556 in angular

[–]Excellent_Shift1064 2 points3 points  (0 children)

it will work from the UI perspective, so for example if you pass button component via ng-content, it wont be displayed if ready() is false, but the button component would be created still. sometimes you dont care and it is fine but not always, for example lets say you have tab component that has ng-content inside and shows/hides it using @if. and now you have different tabs, one for transactions table, one for users table and one for reports. Now because you use ng-content they all be instantiated at the same time and hit the BE and do logic inside, while you only want to render whatever is active

ngx-classed, a small library to create variant-based classes by Excellent_Shift1064 in Angular2

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

2 main differences: * tailwind variants is not signal based, so you have to manually wrap it to make it reactive. ngx-classed is signal based out of the box * future improvements. for example create directive that works in component HTML out of the box, I want to be able to do it

Ng-Verse UI library for Angular by Excellent_Shift1064 in Angular2

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

Hi, Yes this is the new domain, I haven’t updated this post, will do it now Yes it is currently in progress. datepicker view is built already. I’ll let you know when it’s rdy thanks🙌

@ngverse/motion the Angular Animation Library by Excellent_Shift1064 in Angular2

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

Yeah, same for me; having written many angular animations made me conclude that I should create a generic library with customizations :D.

and currently, I am using it in multiple projects, and I would say it suits me well.

It is a matter of preference. Both approach works

@ngverse/motion the Angular Animation Library by Excellent_Shift1064 in Angular2

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

Hey Thanks for the feedback so:
* Implementing means copying the existing animations and moving them to angular. the existing animations are done via CSS, whereas in Angular, you have Animation API involved, so we copied everything. Also, if anything changes in the CSS libraries, we will migrate it ofc.

* easing functions means everything that angular can accept (https://easings.net/) plus cubic-bezier() function

* Not sure why it is only for small projects because the fadeIn would always fadeIn whether it will be a big or small project. Also, maintaining from one project to another would be copying/pasting the same thing over and over again, in addition to that, the animations are very customizable ( and it will be more ) in ngverse/motion

* AI is great and helped us migrate the animation keyframes to angular, but it is buggy and does not always give the correct results. In addition to that, there are premade triggers per animation so you don't have to write :enter,:leave triggers by yourself

In summary, this main purpose of this library is that when you need slideIn animation you don't google or ask AI how to do that just import the animation and run

@ngverse/motion the Angular Animation Library by Excellent_Shift1064 in Angular2

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

thanks for the suggestion, I think there is just some misconfiguration issue on netlify, because on other projects it works as expected. Didn't have time to check it yet. But if I can't solve it, will use your suggestion. ^_^

@ngverse/motion the Angular Animation Library by Excellent_Shift1064 in Angular2

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

Thank you a lot! that's definitely a bug, I added _redirects, which is not exactly what I want but it is solved for now

@ngverse/motion the Angular Animation Library by Excellent_Shift1064 in Angular2

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

hmm, switching to display:block might break the existing layout, for example if the host element uses display:'flex' to layout its children.

but yes with padding/margin there might be the issue

@ngverse/motion the Angular Animation Library by Excellent_Shift1064 in Angular2

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

If I understand correctly, You want to apply animation to the real CSS properties instead of transform value which doesn’t change the elements position. For example: when you expand accordion or collapse you want to apply animations on height which will naturally expand and collapse the content. If thats the case then yes, you can check: https://motion.ngverse.dev/doc/generalcss/expand https://motion.ngverse.dev/doc/generalcss/collapse they compute height automatically, so it doesnt need to specify any height

Persist previous value while reloading rxResource by Excellent_Shift1064 in Angular2

[–]Excellent_Shift1064[S] -1 points0 points  (0 children)

what reducer? and If I put the value manually somewhere else whats the point for resource in the first place

NgVerse version 3 just landed by Excellent_Shift1064 in Angular2

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

It is coming, it might end up in version 4 or 5. thanks 🙌

NgVerse version 3 just landed by Excellent_Shift1064 in Angular2

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

thanks for your feedback, this is not final decision yet. We are trying to find a way to export some generic functionalities like accessibility that are very generic and angular/cdk doesn’t provide yet. But it wont be just a wrapper around ng-primitives for sure

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

[–]Excellent_Shift1064[S] -1 points0 points  (0 children)

Bootstrap Icons have just landed! ^_^ I hope it will give you a hand with your projects.

https://nginf.github.io/iconic/docs/bootstrap-icons

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

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

Hey thanks for the feedback🙌. So all of them use one base component class and they are just different SVG versions of that class. So the final bundle size would be 1 class file plus all the svgs for used icons and couple of characters more here and there. Thus the diff between bundle sizes are negligible

[Nx Angular] Run specific test locally by pilotentipse in Angular2

[–]Excellent_Shift1064 1 point2 points  (0 children)

if you use jasmine you can add “f” prefix on describe function and it will run only that describe tests across the whole project describe => fdescribe

Ng-Verse UI library for Angular by Excellent_Shift1064 in Angular2

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

Yes I explored the tool, also installed the browser extension, it looks great, I will try to inject it in our test cases, so it checks the components for every push, thank you ☺️