signals
solid-site
Our great sponsors
signals | solid-site | |
---|---|---|
24 | 66 | |
3,512 | 156 | |
4.1% | 2.6% | |
8.8 | 8.4 | |
14 days ago | 7 days 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.
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;
solid-site
-
Learn how to install SolidJS with Flowbite and Tailwind CSS
SolidJS is a popular and open-source declarative JavaScript library that empowers reactive UI interfaces for the web that ensures a performant benchmark, leverages the flexibility of JSX and also provides support for TypeScript, Astro, and Vite.
- Porting my old dynamic form render from React to SolidJS
-
Question: Where does Nuxt 3 fit in, in 2023?
In 2023 there are a wealth of developer options for front-end: React, Vue, Svelte, Solid and many more.
-
Using Solid Start with GitHub pages
You may or may not yet have heard about Solid Start, which is the much anticipated upcoming meta framework for Solid.js currently being in beta.
-
Invoking Solid.js components from your Ember apps
SolidJS is a powerful, pragmatic and productive JavaScript library for building user interfaces with simple and performant reactivity. It stands on the shoulders of giants, particularly React and Knockout. If you've developed with React Functional Components and Hooks before, Solid will feel very natural because it follows the same philosophy as React, with unidirectional data flow, read/write segregation, and immutable interfaces.
-
Reactivity Without Virtual DOM
Things like Solid (https://www.solidjs.com/) also have no virtual DOM, and the improves are in higher ceiling for performance, lower memory usage, simpler DX (components are not re-executed, there aren't any dependency arrays everywhere), easy high performance (no useRef this and useRef that to make things fast, no useCallback, no React.memo, these things are just obsolete).
-
I also build my portfolio with Tailwind (links and details in coments)
Made with: - Windblade (my own version of Tailwind) - Solid JS - Vite
-
Using ES6 Proxy for Cross-cut Concerns - A Real-world Example
SolidJS
-
Separation of concerns slows you down
For the time being, this is how I approach web development on pretty much every project I have “architectural control” over. That’s how I worked with Solid.js and Tailwind CSS for the past 2 years. That’s how Vrite is being built. Has worked pretty well so far…
-
What I want for 2023
SolidJS (They've started building the SolidStart and I want to give it a try)
What are some alternatives?
jotai - 👻 Primitive and flexible state management for React
Ionic Framework - A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
zustand - 🐻 Bear necessities for state management in React
purescript-halogen - A declarative, type-safe UI library for PureScript.
legend-state - Legend-State is a super fast and powerful state library that enables fine-grained reactivity and easy automatic persistence
stencil - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. Stencil components can be distributed natively to React, Angular, Vue, and traditional web developers from a single, framework-agnostic codebase.
MobX - Simple, scalable state management.
solid-start - SolidStart, the Solid app framework
redux-toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
reagent - A minimalistic ClojureScript interface to React.js
Preact - ⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
astro - The web framework for content-driven websites. ⭐️ Star to support our work!