open-index/open-npm huggingface dataset:
npm package: @melmahdi/reactuc
Description: Reusable react components to maximize your coding efficiency.
Author: Mahmoud Elmahdi
Latest version: 0.1.5

# React Utility Components

Reusable react components to maximize your coding efficiency.

## Install

```shell
npm i @melmahdi/reactuc
```

## Components

- If
- Image
- Iterate
- Table

## Usage

### If

Conditional rendering component

```ts
import { If } from "@melmahdi/reactuc";

<If condition={condition: 1 | 0} otherwise={otherwise: ReactNode}>
  ...
</If>
```

### Image

Component to handle broken images

```ts
import { Image } from "@melmahdi/reactuc";

<Image fallback={...} src="..." alt="..." />
```

### Iterate

Component to handle iterations.

Display list of paragraph (with html tag):

```ts
import { Iterate } from '@melmahdi/reactuc';

<Iterate data={['...', '...', '...']} element="p" />;
```

Display list of objects (with component):

```ts
import { Iterate } from "@melmahdi/reactuc";

const cards = [
  { id: '75ebc192', title: 'Lira Fresh Optimization' },
  ...
];

<Iterate data={users} element={UserComponent} />;
```

### Table

Table component

```ts
import { Table } from "@melmahdi/reactuc";

const tableData = {
  head: ['First', <button type="button">Action</button>],
  body: [
    ['One', 'Two'],
    ...,
  ]
};

<Table {...data} />
```
npm package: @melnikaite/next
Description: The React Framework
Latest version: 10.0.6

<p align="center">
  <a href="https://nextjs.org">
    <img src="https://assets.vercel.com/image/upload/v1607554385/repositories/next-js/next-logo.png" height="128">
    <h1 align="center">Next.js</h1>
  </a>
</p>

<p align="center">
  <a aria-label="Vercel logo" href="https://vercel.com">
    <img src="https://img.shields.io/badge/MADE%20BY%20Vercel-000000.svg?style=for-the-badge&logo=Vercel&labelColor=000">
  </a>
  <a aria-label="NPM version" href="https://www.npmjs.com/package/next">
    <img alt="" src="https://img.shields.io/npm/v/next.svg?style=for-the-badge&labelColor=000000">
  </a>
  <a aria-label="License" href="https://github.com/vercel/next.js/blob/canary/license.md">
    <img alt="" src="https://img.shields.io/npm/l/next.svg?style=for-the-badge&labelColor=000000">
  </a>
  <a aria-label="Join the community on GitHub" href="https://github.com/vercel/next.js/discussions">
    <img alt="" src="https://img.shields.io/badge/Join%20the%20community-blueviolet.svg?style=for-the-badge&logo=Next.js&labelColor=000000&logoWidth=20">
  </a>
</p>

## Getting Started

Visit <a aria-label="next.js learn" href="https://nextjs.org/learn">https://nextjs.org/learn</a> to get started with Next.js.

## Documentation

Visit [https://nextjs.org/docs](https://nextjs.org/docs) to view the full documentation.

## Who is using Next.js?

Next.js is used by the world's leading companies. Check out the [Next.js Showcase](https://nextjs.org/showcase) to learn more.

## Community

The Next.js community can be found on [GitHub Discussions](https://github.com/vercel/next.js/discussions), where you can ask questions, voice ideas, and share your projects.

To chat with other community members you can join the [Next.js Discord](https://nextjs.org/discord).

Our [Code of Conduct](https://github.com/vercel/next.js/blob/canary/CODE_OF_CONDUCT.md) applies to all Next.js community channels.

## Contributing

Please see our [contributing.md](/contributing.md).

## Authors

- Arunoda Susiripala ([@arunoda](https://twitter.com/arunoda)) – [Vercel](https://vercel.com/about/arunoda-zeit)
- Tim Neutkens ([@timneutkens](https://twitter.com/timneutkens)) – [Vercel](https://vercel.com/about/timneutkens)
- Naoyuki Kanezawa ([@nkzawa](https://twitter.com/nkzawa)) – [Vercel](https://vercel.com/about/nkzawa)
- Tony Kovanen ([@tonykovanen](https://twitter.com/tonykovanen)) – [Vercel](https://vercel.com)
- Guillermo Rauch ([@rauchg](https://twitter.com/rauchg)) – [Vercel](https://vercel.com/about/rauchg)
- Dan Zajdband ([@impronunciable](https://twitter.com/impronunciable)) – Knight-Mozilla / Coral Project
npm package: @melnikov-s/tslsp
Description: Opinionated typescript library starterpack
Author: Sergey Melnikov
Latest version: 0.1.0

# typescript-library-starterpack

An opinionated starter pack for a typescript library, comes with rollup for bundling, jest configured for testing and prettier+eslint+vscode config for formatting and styling.

`npm install -g tslsp`

`tslsp libraryName`

Will create folder `libraryName` with all the scaffolding code required for your typescript library.

- All `strict` checks will be turned on.
- Rollup will be used to bundle the library.
- eslint and prettier pre-configured for auto formatting with vscode.
- jest used for unit tests
- by default will output UMD ES5 bundle (no polyfills)

Available `npm run` commands:

```
  test
    jest
  test:watch
    jest --watch
  test:cover
    jest --coverage
  build
    rollup -c rollup.config.js
  lint
    eslint ./src ./tests --ext .ts
```