open-index/open-npm huggingface dataset:
npm package: @remics/ui
Description: Remics is a React UI library based on tailwindCSS and heroicons, that really helpful to build your react app, fully typed with typescript, safe and always dynamic.
Author: rashgaroth
Latest version: 2.0.0-alpha.2

# Remics UI

Remics is a React UI library based on tailwindCSS and heroicons, that really helpful to build your react app, fully typed with typescript, safe and always dynamic.

## Installation

```shell
yarn install @remics/ui
```

or

```shell
npm install @remics/ui
```

## Docs

TODO

## Contribute

TODO
npm package: @remidy/eslint-plugin
Description: ESLint rules to enforce consistent code.
Author: Remi Ham
Latest version: 1.1.5

# @remidy/eslint-plugin

ESLint rules to enforce consistent code.

## Installation

```sh
npm install @remidy/eslint-plugin --save-dev
```

Add "@remidy" to the plugins section of your configuration file.

```js
{
  plugins: [
    "@remidy"
  ]
}
```

Enable the rules that you would like to use.

## List of supported rules

| Name                                                                       | Description                              |
|----------------------------------------------------------------------------|------------------------------------------|
| [jsx-no-duplicate-class-names](docs/rules/jsx-no-duplicate-class-names.md) | Disallow duplicate class names in JSX    |
| [jsx-sort-class-names](docs/rules/jsx-sort-class-names.md)                 | Enforce class names alphabetical sorting |
npm package: @remie/acdeploy
Description: Automatic Container Deployment (acdeploy): keeping you cool while deploying
Author: Remie Bolte
Latest version: 0.16.0

# ACdeploy (Automatic Container Deployment)
*Keeping you cool during your deployments*

![](https://user-images.githubusercontent.com/435237/29970265-32004424-8f24-11e7-9c1f-c09919876e83.jpg)

# Mission statement

The goal of ACDeploy is to enable one-step deployment of projects to staging & production environments with minimal configuration.

## Sounds great, how does that work?

ACDeploy automatically detects the programming language of your project and creates a Docker container from a pre-defined build pack. This Docker container is pushed to one of the supported Cloud platforms.

# Getting started

Step 1: install ACDeploy

```
npm install -g @remie/acdeploy
```

Step 2: Clone your project repository locally
Step 3: Enabled ACDeploy for your project (be prepared to answer some questions)

```
acdeploy init
```

Step 4: Commit & push the generated config files
Step 5: Watch your CI environment do the rest

## Prerequisites (the fine print)

ACDeploy is specifically created for a workflow that uses version control, continuous integration and a cloud platform. At this point, the following tools are supported:

- *Version control*: GitHub
- *Continuous integration*: TravisCI, CircleCI
- *Cloud platform*: Amazon Web Services

To be able to use ACDeploy in your project, you should create a GitHub account and host your project there. Use your GitHub credentials to log into TravisCI and enable TravisCI for your project. Finally, create an AWS account (you will need the API credentials).

Oh, and there is a list of supported development languages (buildpacks):

- PHP
- NodeJS
- Maven

If you wish to also use ACDeploy for local development, you will need to install Docker CE locally. Oh, and ACDeploy is written in NodeJS, so you will need to install it locally for any of this to work.

# ACDeploy configuration

If you run `acdeploy init` you will be asked some basic questions. To make this as easy as possible, ACDeploy will try to ask you as little information as possible, and will assume the rest. If you do not feel comfortable with those assumptions, or if you are curious what ACDeploy does, you can check the `.acdeploy.yml` file which will be added to your project after running `acdeploy init`.

_Important note_: the `AWS` section of the YML file is based on the [AWS SDK for Javascript](https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/index.html). If you wish to change that configuration, you can use the AWS documentation to check which properties you can add/remove
npm package: @remigaillard/react-virtualized-sectionlist
Description: React SectionList component based in react-virtualized List
Author: lucasferreira
Latest version: 0.0.7

# react-virtualized-sectionlist
React SectionList component based in a wrapper around [react-virtualized](https://github.com/bvaughn/react-virtualized) List.

[![npm version](http://img.shields.io/npm/v/react-virtualized-sectionlist.svg?style=flat-square)](https://npmjs.org/package/react-virtualized-sectionlist "View this project on npm")
[![npm downloads](http://img.shields.io/npm/dm/react-virtualized-sectionlist.svg?style=flat-square)](https://npmjs.org/package/react-virtualized-sectionlist "View this project on npm")
[![npm licence](http://img.shields.io/npm/l/react-virtualized-sectionlist.svg?style=flat-square)](https://npmjs.org/package/react-virtualized-sectionlist "View this project on npm")

This component can be usefull to display large sets of grouped data with header line between groups.

### Installation

```bash
npm install react-virtualized-sectionlist --save
```

```bash
yarn add react-virtualized-sectionlist
```

## Example / Usage

This component mimic the same concepts, props and API from [react-virtualized](https://github.com/bvaughn/react-virtualized) List component. If you need [`click here`](https://github.com/bvaughn/react-virtualized/blob/master/docs/List.md) to get more info about.

In order to use this component your *data* need be in this format-schema:

```javascript
const sections = [
  { title: 'Group 1', data: ['Item 1 of Group 1', 'Item 2 of Group 1', 'Item 3 of Group 1', ...] },
  { title: 'Group 2', data: ['Item 1 of Group 2', 'Item 2 of Group 2', 'Item 3 of Group 2', ...] },
  { title: 'Group 3', data: ['Item 1 of Group 3', 'Item 2 of Group 3', 'Item 3 of Group 3', ...] },
  ...
];
```

And to render your the SectionList:

```javascript
import React, { Component } from 'react';
import SectionList from 'react-virtualized-sectionlist';

const renderHeader = ({title, sectionIndex, key, style, isScrolling, isVisible, parent}) => {
  return (
    <div key={key} className="list--header" style={style}>
      <h4>{title}</h4>
    </div>
  );
};

const renderRow = ({item, sectionIndex, rowIndex, key, style, isScrolling, isVisible, parent}) => {
  return (
    <div key={key} className="list--item" style={style}>
      <p>{item}</p>
    </div>
  );
};

const ROW_HEIGHT = 30;

const sections = [
  { title: 'Group 1', data: ['Item 1 of Group 1', 'Item 2 of Group 1', 'Item 3 of Group 1'] },
  { title: 'Group 2', data: ['Item 1 of Group 2', 'Item 2 of Group 2', 'Item 3 of Group 2'] },
  { title: 'Group 3', data: ['Item 1 of Group 3', 'Item 2 of Group 3', 'Item 3 of Group 3'] },
];

const MySectionList = () => {
  return (
    <SectionList
      width={300}
      height={250}
      sections={sections}
      sectionHeaderRenderer={renderHeader}
      sectionHeaderHeight={ROW_HEIGHT}
      rowHeight={ROW_HEIGHT}
      rowRenderer={renderRow} />}
  );
};

// before that you can use your <MySectionList /> component everywhere you need...
```

## License
MIT