open-index/open-npm huggingface dataset:
npm package: @rewardup-inc/digital-card
Description: React component for RewardUp digital card preview
Author: RewardUp
Latest version: 2.0.0-beta06

# digital-card
React component for RewardUp digital card preview

## Table of Contents
- [Installation](#installation)
- [Example](#example)

## Installation
```shell
npm i @rewardup-inc/digital-card
```

## Example
```jsx
import React from 'react';
import ReactDOM from 'react-dom';
import { RewardCard } from '@rewardup-inc/digital-card';

function App() {
  return (
    <RewardCard
      displayPoints={true} // boolean
      displayAvailableRewards={true} // boolean
      title="RewardUp" // string - business title
      textColor="#fff" // string - hex color code
      backgroundColor="#000" // string - hex color code
      points={100} // number | string - points balance
      stripImage="strip-image-url.png" // string - strip image url
      name="Gladwin" // string - customer name
      rewards={2} // number | string - available rewards count
      cardNumber="12345678" // string - customer reward card number
    />
  );
}

ReactDOM.render(<App />, appElement);
```
npm package: @rewath/common
Description: Now I’m the model of a modern major general / The venerated Virginian veteran whose men are all / Lining up, to put me up on a pedestal / Writin’ letters to relatives / Embellishin’ my elegance and eloquence / But the elephant is in the room / The truth i
Author: Rewath Kafley
Latest version: 1.1.1

# `@rewath/common`

> TODO: description

## Usage

```
const common = require('@rewath/common');

// TODO: DEMONSTRATE API
```
npm package: @reway/core
Description: Reway core logic package
Author: Nikita Pitunov
Latest version: 0.2.2

# 🌐 reway
<br/>[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/jassix)
##### 💨 Flexible framework-agnostic state-manager.

---

#### Motivation

The main advantages and directions for the development of **reway** are:

- convenience
- speed
- code reuse, regardless of the framework

---

#### Documentation

1. **Install** library from npm

    ```bash
    yarn add @reway/core
    ```

    If you want to use more convenient tools for your framework, you can install additional packages **(OPTIONAL)**
    <br/>P.S: Already we support only React.

    ```bash
    yarn add @reway/<framework-name>
    ```

2. **Write** a simple case:

    ```ts
    import { atom } from "@reway/core";
   
    type ExampleStore = {
      hello: string;
    }
    
    const example = atom<ExampleStore>({
      hello: "me"
    })
    ```

3. **Listen** any actions

    ```ts
    // You can listen for global changes in your atom by replacing "hello" (in the example above) with "data"
    
    example.on("hello", (state) => {
      console.log("Hello is changed!")
    })
    ```

4. **Change** data in atom

    ```ts
    example.set({
      hello: "not me"
    })
    ```

5. **Get** data

    ```ts
    example.get()
    
    // You can also choose the line you want to get
    
    example.get({
      hello: true
    })
    ```

6. **Start** using it in your project, and then share your opinion with us!

---

#### Advanced features

- combine
    ```ts
    import {combine, atom} from "@reway/core";
  
    const likes = atom<number>(0);
    const name = atom<string>("hello");
		
    // The first parameter to the combine function is an array of keys for your values (optional).
    // The second parameter is the atoms.
    const post = combine(['likes', 'name'], likes, name) // The result is a default atom
  
    /*
      {
        likes: 0,
        name: "hello"
      }
    */
    console.log(post.get())
  
    likes.set(100)
    name.set("News")
  
    /*
      {
        likes: 100,
        name: "News"
      }
    */
    console.log(post.get())
  ```

#### TODO

- Support for plugins (persists, etc.)

---

#### Contribution

The library needs your activity! We welcome any help.
npm package: @reway/react
Description: Reway react package
Author: Nikita Pitunov
Latest version: 0.1.3

# 🌐 reway-react
<br/>[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/jassix)
##### 💨 Reway implementation for ReactJS.

---

#### How to use?

1. **Install** library from npm

    ```bash
    yarn add @reway/react
    ```

2. **Write** a simple case:

    ```tsx
    // store/user.ts
   
    import { atom } from '@reway/core';
   
    export const name = atom<string>("Jack");
   
    // components/MyName.tsx
   
    import React from 'react';
    import { useAtom } from "@reway/react";
    import { name } from '../store/user';
   
    export const MyName = () => {
      const name = useAtom(name)
   
      return (
        <h1>Hello my name is {name}</h1>
      )  
    }
    ```


---

#### Contribution

The library needs your activity! We welcome any help.