react-remote-props/README.md

Control React Components' props remotely

# react-remote-props

Control React Components' props remotely

![npm](https://img.shields.io/npm/v/react-remote-props)
![NPM](https://img.shields.io/npm/l/react-remote-props)

## Installation

Install the package by using

```shell
npm i react-remote-props
```

## Usage

To use react-remote-props, Here's an example:

```jsx
const [RemoteButton, setProps] = remoteProps(Button, {
    size: "lg",
    content: "Click Me"
});

export const App = () => {
    return <RemoteButton />
}
```

### Inside React Component

to create a remote component inside a react component, We recommend to use `useMemo` or `useRef`;

```jsx


export const App = () => {
 const [RemoteButton, setProps] = useMemo(remoteProps(Button, {
    size: "lg",
    content: "Click Me"
 }), []);
    
    return <RemoteButton />
}
```

## API References

### `remoteProps<T>(component: ComponentType<T>, initialProps: Partial<T>)`

Creates a wrapper around a component that allows to set props remotely