open-index/open-npm huggingface dataset:
npm package: @reactivepad/draftjs
Description: Reactivepad's DraftJS plugin. https://docs.reactivepad.com
Latest version: 1.2.11-test.5

# @reactivepad/draftjs

Reactivepad's DraftJS plugin.

Documentation: [docs.reactivepad.com](https://docs.reactivepad.com)

---

[reactivepad.com](https://reactivepad.com)
npm package: @reactivepad/formula-editor
Description: Describe formula-editor here
Latest version: 1.2.11-test.5

# formula-editor

[![Travis][build-badge]][build]
[![npm package][npm-badge]][npm]
[![Coveralls][coveralls-badge]][coveralls]

Describe formula-editor here.

[build-badge]: https://img.shields.io/travis/user/repo/master.png?style=flat-square
[build]: https://travis-ci.org/user/repo

[npm-badge]: https://img.shields.io/npm/v/npm-package.png?style=flat-square
[npm]: https://www.npmjs.org/package/npm-package

[coveralls-badge]: https://img.shields.io/coveralls/user/repo/master.png?style=flat-square
[coveralls]: https://coveralls.io/github/user/repo
npm package: @reactivers/context-binder
Description: React Context Binder Without Rerender!
Latest version: 0.0.1

> # @reactivers/context-binder

[![npm version](https://badge.fury.io/js/@reactivers%2Fcontext-binder.svg)](//www.npmjs.com/package/@reactivers/context-binder)

# Welcome

## Introduction

> ```@reactivers/context-binder``` provides to use ```context``` in a component without unnecesseary rerenders.

## Getting Started

### Installation

```bash
npm install --save @reactivers/context-binder

yarn add @reactivers/context-binder
```

# Usage

```tsx

import { createContext, FC, useCallback, useState } from 'react';
import { ContextBinder } from '@reactivers/context-binder';

interface Counter {
  counter: number;
  increase: () => void;
  decrease: () => void;
}

const CounterContext = createContext<Counter>({} as Counter);

const CounterProvider: FC = ({ children }) => {
  const [counter, setCounter] = useState(0);

  const increase = useCallback(() => {
    setCounter(old => old + 1)
  }, [])

  const decrease = useCallback(() => {
    setCounter(old => old - 1)
  }, [])

  return (
    <CounterContext.Provider value={{
      counter,
      increase,
      decrease
    }}>
      {children}
    </CounterContext.Provider>
  )

}

const App = () => {
  return (
    <div className="sample-page center">
      <div style={{ textAlign: 'center' }}>
        <CounterText />
        <DecreaseButton />
        <IncreaseButton />
      </div>
    </div>
  );
}

const CounterText = ContextBinder(
  CounterContext,
  {
    counter: c => c.counter
  },
  ({ context }) => {
    const { counter } = context;
    console.log("Counter render")
    return (
      <h1>Counter: {counter}</h1>
    )
  }
)

const DecreaseButton = ContextBinder(
  CounterContext, {
  decrease: c => c.decrease
}, ({ context }) => {
  const { decrease } = context;
  console.log("DecreaseButton render")
  return (
    <button onClick={decrease}>Decrease</button>
  )
}
)

const IncreaseButton = ContextBinder(
  CounterContext,
  {
    increase: c => c.increase
  }
  , ({ context }) => {
    const { increase } = context;
    console.log("IncreaseButton render")
    return (
      <button onClick={increase}>Increase</button>
    )
  }
)

const AppWrapper = () => {
  return (
    <CounterProvider>
      <App />
    </CounterProvider>
  )
}

export default AppWrapper;


```
npm package: @reactivers/express-sequelize-ts
Description: Express, sequelize, typescript, unit test
Author: Reactivers
Latest version: 1.0.6

# Installation
```
npx @reactivers/express-sequelize-ts your-app-name
```

# Getting Started
- Make sure the ports "5500" and "4500" are available on your end!
    - Postgres -> `5500`
    - Backend -> `4500`
- Edit `.env` files before you start
- Edit `container_name` fields in `docker-compose.yml` file
- Edit `init.sql` database names
> Note!
- Make sure database names are matched in `init.sql` and `.env` files!

# Running Tests
```
npm run test
```

# Docker
## BUILD
```
docker-compose up -d --build
```

## Address
The app will be running at 
```
http://localhost:4500
```

# Clean
```
docker-compose down --remove-orphans --rmi "local" --volumes
```
npm package: @reactivers/feedbacky-button
Description: Feedbacky button
Latest version: 1.0.6

# Getting Started

## Installation

```
npm install --save @reactivers/feedbacky-button

yarn add @reactivers/feedbacky-button
```

### For Tailwind

`tailwind.config.js`
```
module.exports = {
  content: [
    "./pages/**/*.{js,ts,jsx,tsx}",
    "./src/**/*.{js,ts,jsx,tsx}",
    "./node_modules/@reactivers/feedbacky-button/dist/*.{js,css}"
  ],
  theme: {
    extend: {
    },
  },
  plugins: [],
}
```

## Usage

```ts
import '@reactivers/feedbacky-button/dist/index.css'
<FeedbackProvider url={"https://my.backend.com/api/feedback/create"}>
...
    <Feedback
        feedbackButtonProps={{
            classNames: "fixed right-6 bottom-20"
        }}
    />
...
</FeedbackProvider>
```