nanostores
Preact
nanostores | Preact | |
---|---|---|
17 | 111 | |
4,772 | 36,062 | |
2.6% | 0.3% | |
8.4 | 9.3 | |
4 days ago | 4 days ago | |
TypeScript | JavaScript | |
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.
nanostores
-
Astro.js as an alternative to Next.js: pushing the limits
In its docs, Astro recommends nanostores, but I’ve used effector in the past. And LOVED IT. So I’ve used it for this project as well.
-
React roadmap ( with explanations and resources, all in one place)
Nanostores explanation
-
How to Write a Great Readme
vidstack is very light on technical details but starts with a concise intro and a screenshot, as well as relevant links: https://github.com/vidstack/player
payload is well-structured in general: https://github.com/payloadcms/payload
nanostores starts out with an intro and telling code examples, followed by lots of technical details: https://github.com/nanostores/nanostores
-
Is redux and thunks still used or are there other alternatives for it now?
Nanostores and Reatom are also great, fast atomic libs
-
Is it possible to build a “framework agnostic” library like tanstack table?
Astro handles multi-framework components (React, Vue, etc) and they recommend using the nanostores library for shared state.
-
how to share state between components with distant shared parent?
Checkout Nanostore it's what Astro.build recommends for sharing state across different ui libraries.
-
Building a multi-framework dashboard with Astro
All of these are valid ways of fixing the state management issue, but it's clear that we need to find a common solution that works for all the UI libraries. This is where nanostores comes into play! The description they provide on their GitHub page is simply perfect:
- A tiny state manager for React/Vue/Svelte with many atomic tree-shakable stores
-
Explanation on how Redux or React Context could help and picking the best option
Jotai and Valtio are both also really good. Recently looked at Nanostore as well and has some similarity to Jotai and Recoil.
-
My next project will use this Ui lib...
Just to chime in on framework agnostic stores, Astro.build recommends using Nano Stores to handle reactivity, as the base library is very small and they have adapters for most relevant frameworks. I definitely agree that avoiding framework lock-in is the smart thing to do.
Preact
-
Preact vs React: A Comparative Guide
In this post, we get to know more about Preact, one of this year's trending libraries. And we'll compare it to React to see which one suits better for our projects.
-
Episode 24/13: Native Signals, Details on Angular/Wiz, Alan Agius on the Angular CLI
Similarly to Promises/A+, this effort focuses on aligning the JavaScript ecosystem. If this alignment is successful, then a standard could emerge, based on that experience. Several framework authors are collaborating here on a common model which could back their reactivity core. The current draft is based on design input from the authors/maintainers of Angular, Bubble, Ember, FAST, MobX, Preact, Qwik, RxJS, Solid, Starbeam, Svelte, Vue, Wiz, and more…
-
Proposal: Signals as a Built-In Primitive of JavaScript
Those who want to develop a library that can be used by any other reactive framework. I often see SignalLike type that tries to subtype it.
https://github.com/preactjs/preact/blob/757746a915d186a90954...
-
Preact: Lightweight React Alternative
The official Preact documentation.
-
How I built a cross-framework frontend library
At the very bottom of the image, there are 3 blocks that I chose to call application components. If you are building a cross-framework library, these can be built with whatever tools you want! Only catch is, all the tools you use to build it, will be needed by everyone consuming it. So choose wisely, and be mindful of how many kilobytes of third party code you will need in order to ship. In Schedule-X, I chose to use Preact. You will probably be fine with most lightweight virtual DOM libraries, and just like with frameworks there are a few to pick from.
-
React Jam just started, making a game in 13 days with React
>> React is not traditionally used for making games, but that's part of the fun and the challenge. R
> MS Flight Simulator cockpits are built with MSFS Avionics Framework which is React-like and MIT licensed:
https://github.com/microsoft/msfs-avionics-mirror/tree/main/...
preactjs may or may not be faster: https://preactjs.com/
Million.js is faster than preact, and lists a number of references under Acknowledgements: https://github.com/aidenybai/million#acknowledgments
https://million.dev/docs :
> We use a novel approach to the virtual DOM called the block virtual DOM. You can read more on what the block virtual DOM is with Virtual DOM: Back in Block and how we make it happen in React with Behind the block().*
React API reference > Components > Profiler:
- Have You Built with Preact?
- Quando um framework é melhor que a manipulação nativa do DOM
-
HTML Data Attributes: One of the Original State Management Libraries
DEV is a Rails monolith, which uses Preact in the front-end using islands architecture. The reason why I mention all this is that it's not a full-stack JavaScript application, and there is no state management library like Redux or Zustand in use. The data store, for the most part on the front end, is all data attributes.
- Show HN: Cami.js – A No Build, Web Component Based Reactive Framework
What are some alternatives?
jotai - 👻 Primitive and flexible state management for React
react-18 - Workgroup for React 18 release.
effector-react - Business logic with ease ☄️
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
nanoid - A tiny (124 bytes), secure, URL-friendly, unique string ID generator for JavaScript
solid - A declarative, efficient, and flexible JavaScript library for building user interfaces.
zustand - 🐻 Bear necessities for state management in React
lit - Lit is a simple library for building fast, lightweight web components.
nextjs-course-code - Source code for my NextJS course (https://acad.link/nextjs)
Svelte - Cybernetically enhanced web apps
create-figma-plugin - :battery: The comprehensive toolkit for developing plugins and widgets for Figma and FigJam
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core