https://github.com/horusgoul/react-component-pack

Library that allows you to create context provider groups
https://github.com/horusgoul/react-component-pack

library providers react utility

Last synced: 4 days ago
JSON representation

Library that allows you to create context provider groups

• Host: GitHub
• URL: https://github.com/horusgoul/react-component-pack
• Owner: HorusGoul
• License: mit
• Created: 2019-11-16T11:08:03.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T01:04:43.000Z (almost 2 years ago)
• Last Synced: 2024-10-10T13:47:51.835Z (about 1 month ago)
• Topics: library, providers, react, utility
• Language: TypeScript
• Homepage:
• Size: 1.76 MB
• Stars: 37
• Watchers: 3
• Forks: 0
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Component Pack · [![npm version](https://img.shields.io/npm/v/react-component-pack.svg)](https://www.npmjs.com/package/react-component-pack) [![license](https://img.shields.io/npm/l/react-component-pack.svg?color=blue)](./LICENSE)

Say goodbye to provider hell with react-component-pack, a utility that allows you to group multiple components into a single one

```bash

npm install react-component-pack

```

## Usage

With `react-component-pack` you can go from this:

```jsx

function App() {

  return (

    

      

        

          

            

              

                

              

            

          

        

      

    

  );

}

```

To this:

```jsx

import { createPack } from 'react-component-pack';

const ProviderPack = createPack(

  AuthProvider,

  DataProvider,

  AnotherDataProvider,

  WtfProvider,

  ThisIsGettingReallyBigProvider,

  OhMyGodTheresMoreProvider

);

function App() {

  return (

    

      

    

  );

}

```