~repos /atoms-state

#js#react#flux

git clone https://pyrossh.dev/repos/atoms-state.git

Simple State management for react

Readme
|
Commits
|
Files
3e0308c2 — Peter John

3 years ago 
update package name
Files changed (3) hide show
  1. .npmrc +1 -0
  2. README.md +7 -9
  3. package.json +2 -7
.npmrc ADDED
@@ -0,0 +1 @@
1
+ @pyros2097:registry=https://npm.pkg.github.com
README.md CHANGED
@@ -1,10 +1,8 @@
1
1
  # atoms-state
2
2
 
3
- [![Version](https://img.shields.io/npm/v/atoms-state?style=flat-square&color=blue)](https://www.npmjs.com/package/atoms-state)
3
+ State management and common hooks
4
4
 
5
- A simple statemanagement library for react.
6
-
7
- `npm i atoms-state`
5
+ `npm i @pyros2097/atoms-state`
8
6
 
9
7
  ## Usage
10
8
 
@@ -14,14 +12,14 @@ import ReactDOM from 'react-dom';
14
12
  import { atom, useAtom } from 'atoms-state';
15
13
 
16
14
  const countAtom = atom(10);
17
- const sumAtom = atom(get => get(countAtom) + 10);
15
+ const sumAtom = atom((get) => get(countAtom) + 10);
18
16
 
19
17
  const increment = () => {
20
- countAtom.update(count => count + 1);
18
+ countAtom.update((count) => count + 1);
21
19
  };
22
20
 
23
21
  const decrement = () => {
24
- countAtom.update(count => count - 1);
22
+ countAtom.update((count) => count - 1);
25
23
  };
26
24
 
27
25
  const Counter = () => {
@@ -54,7 +52,7 @@ const todoAtom = asyncAtom(async ({ id }) => {
54
52
  });
55
53
 
56
54
  const completeTodo = () => {
57
- todoAtom.update(todo => ({ ...todo, completed: !todo.completed }));
55
+ todoAtom.update((todo) => ({ ...todo, completed: !todo.completed }));
58
56
  };
59
57
 
60
58
  const Counter = () => {
@@ -75,6 +73,6 @@ ReactDOM.render(
75
73
  <Suspense fallback={<div>Loading</div>}>
76
74
  <Counter />
77
75
  </Suspense>,
78
- document.getElementById('root')
76
+ document.getElementById('root'),
79
77
  );
80
78
  ```
package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "name": "atoms-state",
2
+ "name": "@pyros2097/atoms-state",
3
3
  "author": "pyros.sh",
4
4
  "description": "State management and common hooks",
5
5
  "version": "0.7.2",
@@ -17,12 +17,7 @@
17
17
  "keywords": [
18
18
  "react",
19
19
  "react-native",
20
- "atoms",
21
- "atoms-state",
20
+ "atoms-state"
22
- "atoms-ui",
23
- "atoms-utils",
24
- "state",
25
- "pyros.sh"
26
21
  ],
27
22
  "scripts": {
28
23
  "test": "NODE_OPTIONS=--experimental-vm-modules jest"