Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
realar - npm Package Compare versions
Comparing version 0.3.15 to 0.3.16
| { | ||
| "name": "realar", | ||
| "version": "0.3.15", | ||
| "version": "0.3.16", | ||
| "description": "React state manager", | ||
@@ -91,3 +91,3 @@ "repository": { | ||
| }, | ||
| "gitHead": "d188e80373f884ba474c59677d8e21b80deb4095" | ||
| "gitHead": "7154eda1270f733732fd071045581a7e3e7ad514" | ||
| } |
@@ -17,3 +17,3 @@ # Realar | ||
| `shared`. One of the primary reasons for using state manager in your application is a shared state accessing, and using shared logic between scattered React components. | ||
| `shared`. One of the primary reasons for using state manager in your application is a shared state accessing, and using shared logic between scattered React components and any place of your code. | ||
@@ -62,6 +62,8 @@ ### Usage | ||
| If you no have possibilities for using [realar babel plugin](https://github.com/betula/babel-plugin-realar), your code will be not so beautiful look like, because otherwise necessary to wrap all React function components that use reactive values inside to `observe` wrapper. | ||
| For best possibilities use [realar babel plugin](https://github.com/betula/babel-plugin-realar), your code will be so beautiful to look like. | ||
| [See wrapped version on CodeSandbox](https://codesandbox.io/s/realar-counter-k9kmw?file=/src/App.tsx). | ||
| But otherwise necessary to wrap all React function components that use reactive values inside to `observe` wrapper. [See wrapped version on CodeSandbox](https://codesandbox.io/s/realar-counter-k9kmw?file=/src/App.tsx). | ||
| ### Demos | ||
@@ -81,5 +83,21 @@ | ||
| And update your babel config if you want to use [babel plugin](https://github.com/betula/babel-plugin-realar) for automatic observation for arrow function components. | ||
| And update your babel config for support decorators and using [babel plugin](https://github.com/betula/babel-plugin-realar) for automatic observation arrow function components. | ||
| ```javascript | ||
| //.babelrc | ||
| { | ||
| "plugins": [ | ||
| ["@babel/plugin-proposal-decorators", { "legacy": true }], | ||
| ["@babel/plugin-proposal-class-properties", { "loose": true }], | ||
| ["realar", { | ||
| "include": [ | ||
| "src/components/*", | ||
| "src/pages/*" | ||
| ] | ||
| }] | ||
| ] | ||
| } | ||
| ``` | ||
| Enjoy and happy coding! | ||
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.93%
16247
- Number of lines in readme file
- increased by21.69%
101
No dependency changes