Af

Affinity.js – A simple view component library with store

Hacker News

Affinity.js – A simple view component library with store

with affinity you can make multiple apps (components eventually) and store (ala redux) - while a store can be shared through apps. This started as a case study and as a small reusable code for creating self contained dom elements with functionality - during the time of development, ideas and inspiration came from angular, react and vuejs. suggestions and feedback is mostly welcomed. The interesting challenges were finding ways for these topics: 1. create a component lib using dom and js only, without any 3rd party . 2. producing semantic html in dom . 3. allow template micro syntax (using @click to bind an event listener) . 4. allow reusing custom elements within a component's template . 5. creating a simple store interface and auto connect it with a component to allow re render whenever the store changes . any feedback and suggestions are welcomed https://github.com/orizens/affinity

Share card

Actual performance

33points
12comments
Made the leaderboard

Launch Intel predictions

Analyze your own launch →
AppSumoStrong fit for a featured deal · Strong signals: interface · Missing: plus, platform, intuitive
56%56% predicted probability of success on AppSumo, based on ML models trained on real launch data.
Hacker NewsStrong engagement from HN community · Strong signals: ide, io · Missing: https docs, excited, just released
52%52% predicted probability of success on Hacker News, based on ML models trained on real launch data.
nativeThis product was originally launched on this platform.
Product HuntUnlikely to reach the leaderboard · Strong signals: apps, using, code · Missing: mac, agents, macos
43%43% predicted probability of success on Product Hunt, based on ML models trained on real launch data.
Indie HackersIH features products with proven revenue · Strong signals: started · Missing: supports, reddit linkedin, podcasting
43%43% predicted probability of success on Indie Hackers, based on ML models trained on real launch data.
TrustMRRLess likely to generate early MRR · Strong signals: apps, way · Missing: mobile apps, ios, personal
40%40% predicted probability of success on TrustMRR, based on ML models trained on real launch data.
Acquire.comPre-revenue stage for this audience · Missing: arr, mrr, revenue
17%17% predicted probability of success on Acquire.com, based on ML models trained on real launch data.
BetaListMay not resonate with beta-testers · Missing: web3, chat, crypto
0%0% predicted probability of success on BetaList, based on ML models trained on real launch data.

Correct prediction on native model

Similar products

Th
Threlte – A Three.js component library for Svelte48%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Threlte – A Three.js component library for Svelte

Hacker News11
We
Well-documented Blazor component library40%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Well-documented Blazor component library

Hacker News4
A
A simple React loading component library38%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

A simple React loading component library

Hacker News2
Me
Metallic UI component library (Metalmorphism)53%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Metallic UI component library (Metalmorphism)

Hacker News7
Re
Rewind-UI – A ReactJS/TailwindCSS component library39%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Rewind-UI – A ReactJS/TailwindCSS component library

Hacker News3
Sprrrint
Sprrrint34%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Figma component library

Product Hunt+12
Petal Framework
Petal Framework25%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Elixir/Phoenix Component Library (HEEX)

Indie Hackers1open-source
Sv
Svelte Icon Component Library52%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Svelte Icon Component Library

Hacker News2
Va
Vant – A Vue based mobile component library42%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Vant – A Vue based mobile component library

Hacker News6
Framestack
Framestack12%Launch Intel prediction score: how likely this product is to succeed on its source platform, based on its name, tagline, and description.

Framer Component Library

Indie Hackers