haunted
React's Hooks API implemented for web components π» (by matthewp)
hooks
A high-quality & reliable React Hooks library. (by alibaba)
Our great sponsors
| haunted | hooks | |
|---|---|---|
| 5 | 7 | |
| 2,576 | 13,354 | |
| - | 1.7% | |
| 0.0 | 8.5 | |
| 12 months ago | about 14 hours ago | |
| TypeScript | TypeScript | |
| BSD 2-clause "Simplified" License | MIT License |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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.
haunted
Posts with mentions or reviews of haunted.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-02-27.
-
The benefits of Web Component Libraries
Web component browser APIs aren't that many, and not that hard to grasp (if you don't know about them, have a look at Google's Learn HTML section and MDN's Web Components guide); but creating a web component actually requires taking care of many small things. This is where web component libraries come in very handy, freeing us of having to think about some of those things by taking care of them for us. Most of the things I'll mention here are handled one way of another by other libraries (GitHub's Catalyst, Haunted, Hybrids, Salesforce's LWC, Slim.JS, Ionic's Stencil) but I'll focus on Google's Lit and Microsoft's FAST here as they probably are the most used web component libraries out there (ok, I lied, Lit definitely is, FAST not that much, far behind Lit and Stencil; but Lit and FAST have many things in common, starting with the fact that they are just native web components, contrary to Stencil that compiles to a web component). Both Lit and FAST leverage TypeScript decorators to simplify the code even further so I'll use that in examples, even though they can also be used in pure JS (decorators are coming to JS soon BTW). I'll also leave the most apparent yet most complex aspect for the end.
-
2021 Week 33, Hungry Ghost edition. Ghost-themed OSS and optical illusion.
Haunted on GitHub: github.com/matthewp/haunted
-
The Next Evolution of GraphQL Front Ends
Atomico and Haunted, to add the useController hook which underlies useQuery and co.
-
Why LitElement isn't as good as React
** WCs don't have to be classes. See matthewp/haunted which uses hooks like React. But that library is not a mixin or wrapper around lit-element; it would replace lit-element. It does use lit-html though.
-
Sushi Element: an expressive way to create web components
I think the distaste many folks have for web components stems from a simple misunderstanding. The APIs collectively know as "web components" weren't intended to replace your favorite framework. As with most things that become part of the standard, these are lower level APIs that will be supported for a long, long time. They were given to us with the hope that we'd build great tools around them, which we have with Stencil, lit-element, hybrids, Haunted, and so many more.
hooks
Posts with mentions or reviews of hooks.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-02-03.
-
Can't come to a conclusion if a component is pure or not. Please make me understand.
I re-read relevant documentation many times and am very aware of what purity means. I guess what's throwing me off is that every hook library uses such implementation of usePrevious: * react-hookz * ahooks * rooks
-
Alternative libs to migrate from React to Vue (or Vue to React)
ahooks
-
Common React Design patterns: Custom Hooks
react-use * βοΈ 29.6k / π½ 958k ahooks * βοΈ 9.1k / π½ 74k awesome-react-hooks * βοΈ 8.1k / π½ 74k usehooks-ts * βοΈ 1.6k / π½ 44k react-recipes * βοΈ 850 / π½ 1.2k react-hanger * βοΈ 1.8k / π½ 3.3k
-
ahooks 3.0 is coming! a high-quality and reliable React Hooks library!
Document: https://ahooks.js.orgβ
-
useLockFn δΈ useCallback ηη¨ι
ahooks εΊιι’ζδΈδΈͺ useLockFn
- Ahooks, React hooks library from Alibaba
What are some alternatives?
When comparing haunted and hooks you can also consider the following projects:
shoelace-css - A collection of professionally designed, every day UI components built on Web standards. SHOELACE IS BECOMING WEB AWESOME. WE ARE LIVE ON KICKSTARTER! πππ
use-between - Sharing state between React components
lit-analyzer - Monorepository for tools that analyze lit-html templates
beautiful-react-hooks - π₯ A collection of beautiful and (hopefully) useful React hooks to speed-up your components and hooks development π₯
graphql-typed-document-node - An improved version of `DocumentNode` for seamless TypeScript integration for GraphQL.
reactfire - Hooks, Context Providers, and Components that make it easy to interact with Firebase.
hybrids - Extraordinary JavaScript UI framework with unique declarative and functional architecture
vueuse - Collection of essential Vue Composition Utilities for Vue 2 and 3
rocket - The modern web setup for static sites with a sprinkle of JavaScript
react-use - React Hooks β π
stampino - A composable DOM template system