Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

realar

Package Overview
Dependencies
Maintainers
1
Versions
129
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

realar - npm Package Compare versions

Comparing version 0.3.4 to 0.3.5

4

package.json
{
"name": "realar",
"version": "0.3.4",
"version": "0.3.5",
"description": "React state manager",

@@ -90,3 +90,3 @@ "repository": {

},
"gitHead": "60c9ccac55a909f192c099767c02f786f7f40861"
"gitHead": "41c90994fb47880a0bd68b575ddca7369eaa83a6"
}
# Realar
[![npm version](https://img.shields.io/npm/v/realar?style=flat-square)](https://www.npmjs.com/package/realar) [![npm bundle size](https://img.shields.io/bundlephobia/minzip/realar@0.3.0?style=flat-square)](https://bundlephobia.com/result?p=realar@0.3.0) [![code coverage](https://img.shields.io/coveralls/github/betula/realar?style=flat-square)](https://coveralls.io/github/betula/realar) [![typescript supported](https://img.shields.io/npm/types/typescript?style=flat-square)](./src/index.ts)
[![npm version](https://img.shields.io/npm/v/realar?style=flat-square)](https://www.npmjs.com/package/realar) [![npm bundle size](https://img.shields.io/bundlephobia/minzip/realar?style=flat-square)](https://bundlephobia.com/result?p=realar) [![code coverage](https://img.shields.io/coveralls/github/betula/realar?style=flat-square)](https://coveralls.io/github/betula/realar) [![typescript supported](https://img.shields.io/npm/types/typescript?style=flat-square)](./src/index.ts)

@@ -13,3 +13,3 @@ Reactive state manager for React based on [reactive-box](https://github.com/betula/reactive-box).

import React from 'react';
import { box, sel, shared } from 'realar';
import { box, shared } from 'realar';

@@ -38,3 +38,6 @@ class Counter {

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.
[See wrapped version on CodeSandbox](https://codesandbox.io/s/realar-counter-k9kmw?file=/src/App.tsx).
### Demos

@@ -44,4 +47,4 @@

+ [Todos](https://github.com/realar-project/todos) - todomvc implementation.
+ [Jest](https://github.com/realar-project/jest) - unit test example.
### Installation

@@ -55,5 +58,5 @@

And update your babel config if your want to use [babel-plugin](https://github.com/betula/babel-plugin-realar) for automatic decorated arrow function components.
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.
Enjoy and happy coding!
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc