Gathering detailed insights and metrics for mobx-store-generator
Gathering detailed insights and metrics for mobx-store-generator
Generates React Hooks and React Context for Mobx Stores
Installations
npm install mobx-store-generatorDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
12.14.1
NPM Version
6.13.4
Releases
4
Languages
1
TypeScript
TypeScript (100%)
Developer
Firaenix
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
4 Stars
25 Commits
1 Forks
1 Watchers
2 Branches
1 Contributors
Updated on Jan 22, 2020
Maintainers
1
Package Meta Information
Latest Version
1.2.1
Package Id
mobx-store-generator@1.2.1
Unpacked Size
10.32 kB
Size
3.63 kB
File Count
6
NPM Version
6.13.4
Node Version
12.14.1
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
5
Dev Dependencies
4
mobx-store-generator
Generates React Hooks and React Context for Mobx Stores.
Includes Store persistance out of the box thanks to mobx-persist.
Usage
1. Create your store
1import { HydrateStore, persist, GenerateStore } from "mobx-store-generator"; 2 3export type UserStoreProps = typeof StoreImpl; 4 5class Store { 6 @persist 7 @observable 8 public username?: string; 9 10 @persist("object") 11 @observable 12 public funObject?: { name: string; titles: Array<string> }; 13 14 constructor() { 15 this.username = "hello world!"; 16 this.funObject = { 17 name: "Firaenix", 18 titles: ["Software Developer"] 19 }; 20 } 21} 22const StoreImpl = new Store(); 23 24// React Native 25HydrateStore(AsyncStorage)("UserStore", StoreImpl); 26 27// Web 28HydrateStore(localStorage)("UserStore", StoreImpl); 29 30export const UserStore = GenerateStore(StoreImpl);
2. Use your store in a Functional Component using hooks
1import { observer } from 'mobx-react'; 2import { UserStore, UserStoreProps } from "./UserStore"; 3 4type HomePageProps = UserStoreProps; 5 6export const HomePage = observer((props: HomePageProps) => { 7 const userStore = UserStore.useStore(); 8 9 return <div>{userStore.username}</div>; 10});
3. Use your store in a Class Component using Injection
1import { UserStore, UserStoreProps } from "./UserStore"; 2 3type HomePageProps = UserStoreProps; 4 5@UserStore.inject 6export class HomePage extends React.Component<HomePageProps> { 7 public render() { 8 return <div>{this.props.username}</div>; 9 } 10}
4. Add your Provider to the Root of your application
Note: You only need to do this for a single store, if you have multiple, you dont need to do it again.
1<UserStore.Provider> 2 <App /> 3</UserStore.Provider>
Thanks
- Mobx
- Mobx-React
- React
- https://github.com/pinqy520/mobx-persist
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
no dangerous workflow patterns detected
Reason
license file detected
Details
- Info: project has a license file: LICENSE:0
- Info: FSF or OSI recognized license: MIT License: LICENSE:0
Reason
6 existing vulnerabilities detected
Details
- Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw
- Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3
- Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m
- Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h
- Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9
- Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw
Reason
dependency not pinned by hash detected -- score normalized to 0
Details
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/nodejs.yml:16: update your workflow using https://app.stepsecurity.io/secureworkflow/Firaenix/mobx-store-generator/nodejs.yml/master?enable=pin
- Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/nodejs.yml:17: update your workflow using https://app.stepsecurity.io/secureworkflow/Firaenix/mobx-store-generator/nodejs.yml/master?enable=pin
- Info: 0 out of 2 GitHub-owned GitHubAction dependencies pinned
Reason
detected GitHub workflow tokens with excessive permissions
Details
- Warn: no topLevel permission defined: .github/workflows/nodejs.yml:1
- Info: no jobLevel write permissions found
Reason
Found 0/25 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no SAST tool detected
Details
- Warn: no pull requests merged into dev branch
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
project is not fuzzed
Details
- Warn: no fuzzer integrations found
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
branch protection not enabled on development/release branches
Details
- Warn: branch protection not enabled for branch 'master'
Score
2.9
/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