open-index/open-npm huggingface dataset:
npm package: @sergeysolyanik/clogg
Description: This is an improved console logging tool with new features.
Author: Serhii Solyanik
Latest version: 1.1.0

# Clogg

This is an improved console logging tool with new features. It allows chaining, adds new methods

## Installation

Install Clogg with npm

```bash
  npm install -D @sergeysolyanik/clogg
```

## API Reference

#### All console methods return this object for chaining.

```js
import C from "@sergeysolyanik/clogg";

C.log("Hello ")
  .info("World!")
  .dbg(1) // An alias for console.debug()
  .err(new Error("Error!")) // console.error()
  .tab(tabularData, props); // console.table()
// Other methods have the same names
```

### New Methods:

#### Async interval method

```js
C.interval(key, timeout, ...data).interval("clear", 1000);
```

| Parameter | Type     | Description                      |
| :-------- | :------- | :------------------------------- |
| `key`     | `string` | **Required**. Name of the method |
| `timeout` | `number` | **Required**. Interval timeout   |
| `...data` | `any`    | **Optional**. Additional data    |

#### Async timeout method

```js
C.timeout(key, timeout).timeout("warn", 1000, "Unused variable");
```

| Parameter | Type     | Description                      |
| :-------- | :------- | :------------------------------- |
| `key`     | `string` | **Required**. Name of the method |
| `timeout` | `number` | **Required**. Timeout            |
| `...data` | `any`    | **Optional**. Additional data    |

#### Window alert

```js
C.alert(data).alert("Hello");
```

| Parameter | Type  | Description                   |
| :-------- | :---- | :---------------------------- |
| `...data` | `any` | **Required**. Additional data |

#### Window "confirm" method

```js
C.confirm(message).confirm("JavaScript");
```

| Parameter | Type    | Description           |
| :-------- | :------ | :-------------------- |
| `message` | `string | **Required**. Message |

### New Module:

```js
import Clogger from "@sergeysolyanik/clogg";
// This module logs any data about object
// Clogger.anyMethod(data) is the same, as
// data = console.anyMethod
// or
// data = window.alert
try {
  // ...
  Clogger.log(data);
  Clogger.dbg(data);
  Clogger.info(data);
  Clogger.warn(data);
  Clogger.alert(data); // data = window.alert
} catch (err) {
  Clogger.err(err);
  // err = console.error
}
```
npm package: @sergeysova/effector-react
Description: React bindings for effector
Author: Zero Bias
Latest version: 22.0.1

# effector-react

React bindings for [effector](https://www.npmjs.com/package/effector)

## Installation

```bash
npm install --save effector effector-react
```

Or using `yarn`

```bash
yarn add effector effector-react
```

## Usage

```js
import {createStore, combine, createEvent} from 'effector'

import {useStore} from 'effector-react'

const inputText = createEvent()
const text = createStore('').on(inputText, (state, payload) => payload)

const size = createStore(0).on(inputText, (state, payload) => payload.length)

const form = combine({
  text,
  size,
})

const Form = () => {
  const {text, size} = useStore(form)
  return (
    <form>
      <input
        type="text"
        onChange={e => inputText(e.currentTarget.value)}
        value={text}
      />
      <p>Length: {size}</p>
    </form>
  )
}
```

[Try it](https://share.effector.dev/vwTDZXOA)

[useStore](https://effector.dev/docs/api/effector-react/useStore) in docs
[createStore](https://effector.dev/docs/api/effector/createStore) in docs
[combine](https://effector.dev/docs/api/effector/combine) in docs
[createEvent](https://effector.dev/docs/api/effector/createEvent) in docs