crux
signals
crux | signals | |
---|---|---|
11 | 24 | |
15 | 3,526 | |
- | 2.6% | |
10.0 | 8.7 | |
over 1 year ago | 21 days ago | |
TypeScript | TypeScript | |
MIT License | 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.
crux
-
How is routing done without React Router
I built a simple router in about 50 lines: https://github.com/andyjessop/crux/blob/main/apps/dev/src/shared/router/router.service.ts
-
Axios reaches 1.0.0
For comparison, I'm writing a front-end framework where the entire size (including router, data fetching/caching, state management) is less than the size of axios.
-
I am sick and tired of react-redux. Who has some good alternatives?
It's like looking in a mirror. This is exactly why I'm working on crux. Seeing as you have similar thoughts, I'd love to hear your feedback.
-
Is redux toolkit essential to project with react or should I be good with basic redux
Immer's a cool library if you don't mind doing this at the top of every reducer: /* eslint-disable no-param-reassign */. I normally prefer some kind of immutable merge function, like this:
-
Hyper Fetch - opinionated fetching framework, async storage with persistance possibilities for both - requests and cache.
Wow, you've done an amazing job there. I prefer your syntax over RTKQuery, and I really like the idea of the queue. I'm implementing a similar kind of thing myself, except just for redux and not as fully-featured as your solution.
-
I built a card game with framer-motion and xstate 👀
Yeah I get this. I would say two things. Firstly, this is aimed primarily at people who are already using Redux. And secondly (and more importantly), Redux itself is not inherently complex - you can write it in 20 lines of code - it's just that the accepted best practices add lots of boilerplate. I've addressed this in my createSlice library, which removes all but the most essential code from the config: https://github.com/andyjessop/crux/tree/main/packages/redux-slice
-
Senior Devs - What are your favorite interview questions for a senior React candidate.
100% agree (both with your opinion and that it's controversial), that's why I'm working on my own framework that attempts to solve this issue: https://github.com/andyjessop/crux
-
What is the most underrated tool you encountered ?
I don't think there's an issue with boilerplate in Redux any more, especially with RTK's prevalence. I made my own createSlice that simplifies the creation of reducers and actions still further - it has an extremely straightforward API and is only 30 or so lines of code.
-
Frameworks
It's not ready for production yet (far from it), but here it is if anyone is interested in finding out more and/or contributing: https://github.com/andyjessop/crux
signals
-
Svelte 5: Runes
Putting the runic terminology aside and looking into how the signal primitive is implemented should dispel the magic. I learned a lot from examining preact's implementation: https://github.com/preactjs/signals/blob/main/packages/core/...
-
React: Fine-grained reactivity should be the norm
https://refactoring.guru/design-patterns/observer/typescript/example https://indepth.dev/posts/1269/finding-fine-grained-reactive-programming#how-it-works https://legendapp.com/open-source/legend-state/ https://legendapp.com/open-source/state/fine-grained-reactivity/ https://www.builder.io/blog/usesignal-is-the-future-of-web-frameworks https://dev.to/ryansolid/a-hands-on-introduction-to-fine-grained-reactivity-3ndf https://medium.com/hackernoon/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254 https://preactjs.com/blog/introducing-signals/ https://hygraph.com/blog/react-memo
- Why are signals still not so popular?
-
Is redux ecosystem still active?
All the frameworks are starting to adapt them. You can easily add them to react project as well. https://preactjs.com/blog/introducing-signals/
-
DreamBerd; Perfect Programming Language
Signals are a design paradigm for reactive programming which have recently trended in the JS frontend space. For e.g., https://preactjs.com/blog/introducing-signals/
-
Which UI framework should I pick up as my first?
Compare Vue's reactivity system to the principles the Preact authors write about here:
-
Super Charging Fine-Grained Reactive Performance
Reactivity libraries are at the heart of modern web component frameworks like Solid, Qwik, Vue, and Svelte. And in some cases you can add fine-grained reactive state management to other libraries like Lit and React. Reactively comes with a decorator for adding reactive properties to any class, as well as prototype integration with Lit. Preact Signals comes with a prototype integration with React. Expect more integrations as these reactivity cores mature.
-
Empire (State) has gone 1.0!
State solution should not be a framework, this is what I dislike in riverpod as well.. its a FRAMEWORK... compare to the simple useSignal hook that preact has https://preactjs.com/blog/introducing-signals/ this looks like an overkill.
-
React VDOM vs Preact Signal Performance flame graph
Looks like it's coming from here https://preactjs.com/blog/introducing-signals
-
Sciter.Android, preview available
Sciter got native (built-in) Signal implementation made after PReact's Signals;
What are some alternatives?
hyper-fetch - ⚡ Fetching and realtime data exchange framework.
jotai - 👻 Primitive and flexible state management for React
state-machine - A small Javascript Promise-based Finite State Machine implementation
zustand - 🐻 Bear necessities for state management in React
robot - 🤖 A functional, immutable Finite State Machine library
legend-state - Legend-State is a super fast and powerful state library that enables fine-grained reactivity and easy automatic persistence
MobX - Simple, scalable state management.
ky - 🌳 Tiny & elegant JavaScript HTTP client based on the browser Fetch API
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
devtools - Replay.io DevTools
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.