ignitor.create-forwardedrefs v0.1.3

Create ForwardedRef

Installation

# for npm
npm i ignitor.create-forwardedrefs

# for yarn
yarn add ignitor.create-forwardedrefs

# for pnpm
pnpm install ignitor.create-forwardedrefs

Usage

import { createForwardRef, PropTypes } from "ignitor.create-forwardedrefs";

export const Component = createForwardRef("div", (props, ref) => {
  return <div {...props} ref={ref} />;
});

export const ForwardedComponent = createForwardRef(Component, (props, ref) => {
  return <Component {...props} ref={ref} />;
});

// or you want exact name for component
export const ForwardedExactComponent = createForwardRef(
  Component,
  (props, ref) => {
    return <Component {...props} ref={ref} />;
  },
  {
    displayName: "YourExactNameGoesHere",
  }
);

// or you waant to extends props over the component
export const ForwardedComponentNext = createForwardRef(
  Component,
  ({ yourProps, ...props }, ref) => {
    const test = doingWithYourProps(yourProps); // something like that

    return <Component {...props} ref={ref} />;
  },
  {
    propTypes: {
      yourProps: PropTypes.bool,
    },
    displayName: "YourExactNameGoesHereNext",
  }
);

Features

• it can forward other component
• it has validation and its validate props by using prop-types
• it has already export what need to using with react