npmpackage.info

Gathering detailed insights and metrics for @reatom/npm-solid-js

@reatom/npm-solid-js - 3.6.2 | npmpackage.info

@reatom/npm-solid-js

Reatom - the ultimate state manager

3.6.2

1,201

MIT

TypeScript

29.87 kB

3.4

Installations

npm install @reatom/npm-solid-js

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM

Node Version

20.15.0

NPM Version

10.7.0 Pull Requests

Open

18

Total

760

Closed

178

Merged

564

Issues

Open

59

Total

375

Closed

316

Releases

391

primitives: v3.11.0

primitives-v3.11.0

Updated on May 19, 2025

lens: v3.12.0

lens-v3.12.0

Updated on May 19, 2025

form: v3.4.0

form-v3.4.0

Updated on May 19, 2025

devtools: v0.13.1

devtools-v0.13.1

Updated on May 12, 2025

primitives: v3.10.0

primitives-v3.10.0

Updated on May 12, 2025

persist-web-storage: v3.4.6

persist-web-storage-v3.4.6

Updated on May 12, 2025

View All 391 releases

Languages

TypeScript

JavaScript

Shell

HTML

TypeScript (99.17%)

JavaScript (0.77%)

Shell (0.03%)

HTML (0.03%)

Developer

artalar

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

1,201 Stars

2,795 Commits

121 Forks

20 Watchers

35 Branches

84 Contributors

Updated on Jul 10, 2025

Maintainers

View All 84 Contributors

Package Meta Information

Latest Version

3.6.2

Package Id

@reatom/npm-solid-js@3.6.2

Unpacked Size

29.87 kB

Size

5.18 kB

File Count

NPM Version

10.7.0

Node Version

20.15.0

Published on

Jun 22, 2024

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@reatom/core solid-js

This is the binding for the Solid view framework. The reason to use these bindings is the Reatom ecosystem. We have a lot of packages and helpers to handle basic UI logic, including network caching, data persistence, and complex flow description.

Installation

1npm i @reatom/npm-solid-js

Also, you need to be installed @reatom/core or @reatom/framework and solid-js.

Read the core docs first for production usage.

Usage

Try it now: https://stackblitz.com/edit/reatomnpm-solid-js?file=src%2FApp.tsx

Setup reatomContext

The first time, you need to add the Reatom provider to the root of your application.

1import { createCtx, connectLogger } from '@reatom/framework'
2import { reatomContext } from '@reatom/npm-solid-js'
3
4const ctx = createCtx()
5connectLogger(ctx)
6
7render(
8  () => (
9    <reatomContext.Provider value={ctx}>
10      <App />
11    </reatomContext.Provider>
12  ),
13  document.getElementById('root')!,
14)

useAtom hook

Now you will be able to use Reatom hooks.

1import { atom } from '@reatom/framework'
2import { useAtom } from '@reatom/npm-solid-js'
3
4const countAtom = atom(0, 'countAtom')
5
6const App: Component = () => {
7  const [count, setCount] = useAtom(countAtom)
8
9  return (
10    <div>
11      Count value is
12      <button onClick={() => setCount((c) => c + 1)}>{count()}</button>
13    </div>
14  )
15}

useCtx hook

If you need to get the ctx from the context, you could use the shortcut hook useCtx. With ctx in the component body, you can manipulate subscriptions more flexibly with Solid's onMount, onCleanup, and so on.

Examples

Dynamic atom creation

This example shoes how to use atomization to improve editable fields performance, persists it to localStorage.

https://stackblitz.com/edit/reatomnpm-solid-js-mssqxj?file=src/model.ts,src/App.tsx

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

5

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

0

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

3.4

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More