react-redux-ddd
vuex-orm
react-redux-ddd | vuex-orm | |
---|---|---|
1 | 10 | |
90 | 2,363 | |
- | 0.0% | |
10.0 | 0.0 | |
over 5 years ago | over 1 year ago | |
JavaScript | 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.
react-redux-ddd
-
The only two custom React hooks we ever use
Am wondering what react community thinks of DDD.
I've been reading "blue" DDD book (by Eric Evans) and "red" book (by Vaugh Vernon) and that was a completely "my whole life was a lie" type of experience and relief at the same time. It's just so great to have the principles of who to structure the code. It, by definition makes, your codebase structure meaningful. Because it's structured according to some common knowledge, not your random thoughts at the time you were writing code.
I was surprised to find so little DDD react sample codebases. Let's say for backend there is huge amount of samples, i.e. https://github.com/kgrzybek/modular-monolith-with-ddd . For react/frontend I have bookmarked only https://github.com/talyssonoc/react-redux-ddd/tree/master/sr... and few more, but those others does not meet the optional criteria i like really much - at the highest (or at app) level all codebase need to have folders app, domain, infra and ui. Simple rule, but simplifies life a lot.
So my question is - is DDD for some reasons not very applicable for app frontend development. Or it just never became popular. Or maybe DDD is popular amongst react developers, just I am not aware of this.
Many thanks for any ideas and comments!
vuex-orm
-
On-demand reactivity - Building live reports
You're absolutely right. I should have mentionned that the app uses Vuex-ORM to handle and query the data. The actual building of the reports contains various calculations and is done off the main thread. The reports are then saved as a model in vuex-orm, this basicaly acts as a cache. The thing is I don't know when to invalidate the cache or not so everything is invalidated when a new data event is added. There's nothing reactive about it.
- Are you supposed to be doing things twice with Vuex?
-
How the Command pattern can save your offline-first app's ass
Most people try to have front-end state be a 1-1 mapping of the DB. One of the easiest way about it is to use a front-end "ORM" like vuex-orm.
-
Library for server state management
Not quite the same but Vuex ORM does a few of these things. Main similarity is helping to abstract your API calls out of each individual component. https://vuex-orm.org/
-
Modeling Data In Quasar Like A BOOOSS With VuexOrm
Most interactions with the store are done with VuexOrm, which gives us a gorgeous API. Stuff like this:
-
Need help using Vuex with SQLite3 (Node.js ?
In one lib: Vuex-Orm
-
The only two custom React hooks we ever use
Thanks for great comment! I have one question.
The biggest thing I miss in react ecosystem is decent redux ORM. https://vuex-orm.org is just so great for so many use cases (agree that it might an antipattern in many situations). Is there any chance that https://github.com/redux-orm/redux-orm, which was actually what inspired vuex-orm, would get more love from anyone to become an actively maintained library?
Thanks
-
Vuex ORM and persisting data on static Nuxt app
I know there is a package for persisting Vuex data via the local store but wondered if anyone knows this works with Vuex ORM.
-
should I reuse same store for multiple interface?
Sounds like you need this: https://vuex-orm.org/
-
Leggo my DAO! How to you manage your backend model?
could peep this https://github.com/vuex-orm/vuex-orm
What are some alternatives?
redux-orm - NOT MAINTAINED – A small, simple and immutable ORM to manage relational data in your Redux store.
pinia - 🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
usehooks - Easy to understand React Hook code recipes
vuefire - 🔥 Firebase bindings for Vue.js
molecule - Every public app assembled using Molecule.dev.
vuex-persistedstate - 💾 Persist and rehydrate your Vuex state between page reloads.
modular-monolith-with-ddd - Full Modular Monolith application with Domain-Driven Design approach.
usehooks - A collection of modern, server-safe React hooks – from the ui.dev team
vuex-class - Binding helpers for Vuex and vue-class-component
vue-query - Hooks for fetching, caching and updating asynchronous data in Vue
vuex-module-decorators - TypeScript/ES7 Decorators to create Vuex modules declaratively