Gathering detailed insights and metrics for react-sweet-state
Gathering detailed insights and metrics for react-sweet-state
Installations
npm install react-sweet-stateDeveloper Guide
BETA
Typescript
Yes
Module System
CommonJS
Node Version
20.16.0
NPM Version
10.8.1
Releases
24
Languages
2
JavaScript
TypeScript
JavaScript (91.01%)
TypeScript (8.99%)
Developer
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
888 Stars
160 Commits
61 Forks
66 Watchers
12 Branches
84 Contributors
Updated on Jul 08, 2025
Maintainers
3
Package Meta Information
Latest Version
2.7.2
Package Id
react-sweet-state@2.7.2
Unpacked Size
127.45 kB
Size
25.66 kB
File Count
52
NPM Version
10.8.1
Node Version
20.16.0
Published on
Aug 24, 2024
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Dependencies
1
Peer Dependencies
3
Dev Dependencies
38
@babel/cli@babel/core@babel/eslint-parser@babel/plugin-proposal-class-properties@babel/plugin-proposal-export-namespace-from@babel/plugin-transform-runtime@babel/preset-env@babel/preset-flow@babel/preset-react@babel/preset-typescript@babel/runtime@testing-library/react@types/react@types/react-dom@typescript-eslint/eslint-plugin@typescript-eslint/parserbabel-jestbabel-loaderdtslinteslinteslint-config-prettiereslint-plugin-flowtypeeslint-plugin-importeslint-plugin-jesteslint-plugin-prettiereslint-plugin-reacteslint-plugin-react-hooksflow-binflow-copy-sourcejestprettierprop-typesreactreact-domtypescriptwebpackwebpack-cliwebpack-dev-server
react-sweet-state
The good parts of Redux and React Context in a flexible, scalable and easy to use state management solution
Philosophy
sweet-state is heavily inspired by Redux mixed with Context API concepts. It has render-prop components or hooks, connected to Store instances (defined as actions and initial state), receiving the Store state (or part of it) and the actions as a result.
Each Hook, or Subscriber, is responsible to get the instantiated Store (creating a new one with initialState if necessary), allowing sharing state across your project extremely easy.
Similar to Redux thunks, actions receive a set of arguments to get and mutate the state. The default setState implementation is similar to React setState, accepting an object that will be shallow merged with the current state. However, you are free to replace the built-in setState logic with a custom mutator implementation, like immer for instance.
Basic usage
1npm i react-sweet-state 2# or 3yarn add react-sweet-state
Creating and consuming stores
1import { createStore, createHook } from 'react-sweet-state';
2
3const Store = createStore({
4 // value of the store on initialisation
5 initialState: {
6 count: 0,
7 },
8 // actions that trigger store mutation
9 actions: {
10 increment:
11 () =>
12 ({ setState, getState }) => {
13 // mutate state synchronously
14 setState({
15 count: getState().count + 1,
16 });
17 },
18 },
19 // optional, unique, mostly used for easy debugging
20 name: 'counter',
21});
22
23const useCounter = createHook(Store);1// app.js 2import { useCounter } from './components/counter'; 3 4const CounterApp = () => { 5 const [state, actions] = useCounter(); 6 return ( 7 <div> 8 <h1>My counter</h1> 9 {state.count} 10 <button onClick={actions.increment}>+</button> 11 </div> 12 ); 13};
Documentation
Check the docs website or the docs folder.
Examples
See sweet-state in action: run npm run start and then go and check each folder:
- Basic example with Flow typing
http://localhost:8080/basic-flow/ - Advanced async example with Flow typing
http://localhost:8080/advanced-flow/ - Advanced scoped example with Flow typing
http://localhost:8080/advanced-scoped-flow/
Contributing
To test your changes you can run the examples (with npm run start).
Also, make sure you run npm run preversion before creating you PR so you will double check that linting, types and tests are fine.
Thanks
This library merges ideas from redux, react-redux, redux-thunk, react-copy-write, unstated, bey, react-apollo just to name a few. Moreover it has been the result of months of discussions with ferborva, pksjce, TimeRaider, dpisani, JedWatson, and other devs at Atlassian.
No vulnerabilities found.
Reason
no dangerous workflow patterns detected
Reason
no binaries found in the repo
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
1 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
Reason
Found 16/29 approved changesets -- score normalized to 5
Reason
branch protection is not maximal on development and all release branches
Details
- Info: 'allow deletion' disabled on branch 'master'
- Info: 'force pushes' disabled on branch 'master'
- Warn: 'branch protection settings apply to administrators' is disabled on branch 'master'
- Warn: 'stale review dismissal' is disabled on branch 'master'
- Warn: required approving review count is 1 on branch 'master'
- Warn: codeowners review is not required on branch 'master'
- Warn: 'last push approval' is disabled on branch 'master'
- Warn: no status checks found to merge onto branch 'master'
- Info: PRs are required in order to make changes on branch 'master'
Reason
2 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 1
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/ci.yml:1
- Warn: no topLevel permission defined: .github/workflows/publish.yml:1
- Info: no jobLevel write permissions found
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:21: update your workflow using https://app.stepsecurity.io/secureworkflow/atlassian/react-sweet-state/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/atlassian/react-sweet-state/ci.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:12: update your workflow using https://app.stepsecurity.io/secureworkflow/atlassian/react-sweet-state/publish.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish.yml:13: update your workflow using https://app.stepsecurity.io/secureworkflow/atlassian/react-sweet-state/publish.yml/master?enable=pin
- Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:27
- Warn: npmCommand not pinned by hash: .github/workflows/publish.yml:20
- Info: 0 out of 4 GitHub-owned GitHubAction dependencies pinned
- Info: 0 out of 2 npmCommand dependencies pinned
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
- Warn: no security policy file detected
- Warn: no security file to analyze
- Warn: no security file to analyze
- Warn: no security file to analyze
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
- Warn: 1 commits out of 21 are checked with a SAST tool
Score
4.4
/10
Last Scanned on 2025-07-14
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