store
query
store | query | |
---|---|---|
4 | 3 | |
3,511 | 518 | |
0.4% | 1.4% | |
9.0 | 8.8 | |
5 days ago | about 1 month ago | |
TypeScript | TypeScript | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
store
-
Angular state management
It's still boilerplatey but a little less than NgRx. But we use Ngxs: https://ngxs.io. It's a little more complex than elf but a lot more robust in my opinion.
-
Why is NGRX so confusing??
Hi, I switched to ngxs a while ago. (https://github.com/ngxs/store). Never been happier about this change. ngxs is written in angular way and easier to understand and it just works.
-
Selector Returning Entire State Rather Than State Slice
// In doing this refactoring I noticed that there is a 'bug' where the // application state is returned instead of this state slice. // This has worked this way since the beginning see: // https://github.com/ngxs/store/blame/324c667b4b7debd8eb979006c67ca0ae347d88cd/src/state-factory.ts // This needs to be fixed, but is a 'breaking' change. // I will do this fix in a subsequent PR and we can decide how to handle it.
-
WEIRD TS TYPES 🛸: Using Contextual Typing and Deferred Inference to Plan an Alien Conquest
This was recently exemplified by an RFC in the state library NGXS. In short, one of the functions published by the library was improperly typed because the type of its first argument was intended to be inferred from its contextually expected return type.
query
-
A Deep Dive into Angular and Tanstack Query with Our Demo Store
Angular TanQuery Repo: https://github.com/ngneat/query/
-
Angular state management
I have reasonable knowledge with most of other popular JS frameworks especially React. But, Angular seems quite different from DX perspective. For React, my default stage management is to use React Query for server sync and Zustand for client state. Often on Angular context I read that people recommend using NgRx and saying that it is like Redux. But I find Redux DX quite bad and I only work with it on legacy projects. So is there similar approach to managing state in Angular app? I found solutions such as: https://github.com/ngneat/query and then https://github.com/ngneat/elf. Would these make sense for Angular and are there good alternatives?
-
TANStack Query
what you're looking for is ngneat/query. It uses tanstack query under the hood. much like in react, you can use it for async (also called server) state management, it will not help you with managing client state (like dark/light theme toggle, ...). You still need rxjs for making API calls much like you would use the fetch api or axios in the react version. I don't think it replaces signals, you could still use signals with it (and signals support seems to be planned).
What are some alternatives?
ngrx-rtk-query - Make RTK Query with Hooks works in Angular Applications
elf - 🧙♀️ A Reactive Store with Magical Powers
ngrx-forms - Enhance your forms in Angular applications with the power of ngrx
SWR - React Hooks for Data Fetching
community-events-angular - Community Events App built with ❤️ using Angular, NgRx, Rxjs to do thrill in #hacktoberfest21
rx-query
juliette - Reactive State Management Powered by RxJS
TanStack Query - 🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query.
ng-online-store-tanstack-query-demo
platform - Reactive State for Angular
bundlejs - An online tool to quickly bundle & minify your projects, while viewing the compressed bundle size, all running locally on your browser. A quick and easy way to bundle, minify, and compress (gzip and brotli) your ts, js, jsx and npm projects all online, with the bundle file size.