open-index/open-npm huggingface dataset:
npm package: @mahdi-esbati/react-mapbox
Description: A React binding of mapbox-gl-js
Author: Alexandre Rieux
Latest version: 0.1.7

![Logo](/logo.png)

# @Mahdi-Esbati/React-Mapbox

### This is a React map library based on [react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl).
#### The Purpose
[react-mapbox-gl](https://github.com/alex3165/react-mapbox-gl) library is a great wrapper for mapbox but it is no longer maintained.
The purpose of this library is to fix the issues related to react-mapbox-gl.

#### Fixed issues

- Fixed undefined id's in feature component
- Fixed typescript type definitions
- Added support for usage of Mapbox with [vite](https://vitejs.dev) and [esbuild](https://esbuild.github.io) (esm module bundlers)
npm package: @mahdi_ag/rgrid
Description: A responsive grid component for React
Author: Mahdi Aghaei
Latest version: 0.1.3

# Rgrid

A simple light-weight grid component for your react app.

# Installation

```
yarn add @mahdi_ag/rgrid
```

# Usage

There is two main type of `<Grid />` component you can use, "container" and "item". As it sounds like it, you use `item`s inside a parent `container`.

# Examples

```ts
// This is just a simple component to showcase the examples below
const Item: React.FC = ({ children }) => {
  return (
    <div
      style={{
        width: "100%",
        height: "20px",
        backgroundColor: "#647593",
        borderRadius: "5px",
        display: "grid",
        placeItems: "center",
        color: "white",
        fontSize: "1.3rem",
        fontFamily: "monospace",
      }}
    >
      {children}
    </div>
  );
};
```

## Basics

```ts
import { Grid } from "@mahdi_ag/rgrid";

export const Basics: React.FC = () => (
  <>
    <Grid container spacing={2} justifyContent="center">
      <Grid item xs={8}>
        <Item>xs=8</Item>
      </Grid>
      <Grid item xs={4}>
        <Item>xs=4</Item>
      </Grid>
      <Grid item xs={4}>
        <Item>xs=4</Item>
      </Grid>
      <Grid item xs={8}>
        <Item>xs=8</Item>
      </Grid>
    </Grid>
  </>
);
```

## Breakpoints And Inhertance

```ts
import { Grid } from "@mahdi_ag/rgrid";

export const BreakpointsAndInhertance: React.FC = () => (
  <>
    <Grid container spacing={{ xs: 2, md: 4 }} justifyContent="center">
      <Grid item xs={8} md={4}>
        <Item>xs=8 m=4 (I resize!)</Item>
      </Grid>
      <Grid item xs={4}>
        <Item>xs=4</Item>
      </Grid>
      <Grid item xs={4}>
        <Item>xs=4</Item>
      </Grid>
      <Grid item xs={8}>
        <Item>xs=8</Item>
      </Grid>
    </Grid>
  </>
);
```

## Nested Usage

```ts
import { Grid } from "@mahdi_ag/rgrid";

export const NestedUsage: React.FC = () => {
  const ChildComponent: React.FC = () => {
    return (
      <Grid container columns={{ sm: 5 }} style={{ border: "1px solid red" }}>
        <Grid item sm="3">
          <Item>sm=3</Item>
        </Grid>
        <Grid item sm={2}>
          <Item>sm=2</Item>
        </Grid>
      </Grid>
    );
  };

  return (
    <>
      <Grid container sm={5}>
        <Grid item sm={3}>
          <ChildComponent />
        </Grid>
        <Grid item sm={2}>
          <Item>sm=2</Item>
        </Grid>
        <Grid item sm={2}>
          <Item>sm=2</Item>
        </Grid>
      </Grid>
    </>
  );
};
```
npm package: @mahdi_komaiha/nest-schematics-prisma
Description: Nest - modern, fast, powerful node.js web framework (@schematics)
Latest version: 0.1.1
Deprecated: This package has been renamed to nest-schematics-prisma

<p align="center">
  <a href="http://nestjs.com/" target="blank"><img src="https://nestjs.com/img/logo-small.svg" width="120" alt="Nest Logo" /></a>
</p>

  <p align="center">A progressive <a href="http://nodejs.org" target="blank">Node.js</a> framework for building efficient and scalable server-side applications.</p>
    <p align="center">
<a href="https://www.npmjs.com/~nestjscore"><img src="https://img.shields.io/npm/v/@nestjs/schematics.svg" alt="NPM Version" /></a>
<a href="https://www.npmjs.com/~nestjscore"><img src="https://img.shields.io/npm/l/@nestjs/schematics.svg" alt="Package License" /></a>
<a href="https://www.npmjs.com/~nestjscore"><img src="https://img.shields.io/npm/dm/@nestjs/schematics.svg" alt="NPM Downloads" /></a>
  <a href="https://coveralls.io/github/nestjs/nest?branch=master" target="_blank"><img src="https://coveralls.io/repos/github/nestjs/nest/badge.svg?branch=master#9" alt="Coverage" /></a>
<a href="https://discord.gg/G7Qnnhy" target="_blank"><img src="https://img.shields.io/badge/discord-online-brightgreen.svg" alt="Discord"/></a>
<a href="https://opencollective.com/nest#backer" target="_blank"><img src="https://opencollective.com/nest/backers/badge.svg" alt="Backers on Open Collective" /></a>
<a href="https://opencollective.com/nest#sponsor" target="_blank"><img src="https://opencollective.com/nest/sponsors/badge.svg" alt="Sponsors on Open Collective" /></a>
  <a href="https://paypal.me/kamilmysliwiec" target="_blank"><img src="https://img.shields.io/badge/Donate-PayPal-ff3f59.svg"/></a>
  <a href="https://twitter.com/nestframework" target="_blank"><img src="https://img.shields.io/twitter/follow/nestframework.svg?style=social&label=Follow"></a>

## Description

The Nest CLI is a command-line interface tool that helps you to initialize, develop, and maintain your Nest applications. It assists in multiple ways, including scaffolding the project, serving it in development mode, and building and bundling the application for production distribution. It embodies best-practice architectural patterns to encourage well-structured apps. Read more [here](https://docs.nestjs.com/cli/overview).

## Installation

```bash
$ npm install -g @nestjs/schematics
```

## Usage

Learn more in the [official documentation](https://docs.nestjs.com/).

## Stay in touch

- Website - [https://nestjs.com](https://nestjs.com/)
- Twitter - [@nestframework](https://twitter.com/nestframework)

## License

Nest is [MIT licensed](LICENSE).