open-index/open-npm huggingface dataset:
npm package: @furg/layout-react-lib
Description: Grupo de componentes auxiliares para criação de recursos web
Author: Lisandro Silva
Latest version: 1.0.10

## Getting Started

Este pacote oferece um grupo de componentes frequentemente utilizados no processo de desenvolvimento de webapps.

### Tabela de conteúdos

-   [Instalação](#Instalação)
-   [Exemplos](#Exemplos)

## Instalação

Para começar, instale os pacotes `@furg/layout-react-lib` em seu projeto React usando seu gerenciador de pacotes preferido.

```
npm install --save @furg/layout-react-lib
```

Há uma dependência do bootstrap V4, porém este não é adicionado diretamente no projeto, dando a liberdade de utilização de cdn´s ou inclusão do pacote do bootstrap via `npm` ou `yarn`.

Ex. HTML: 

```html
<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8" />
		/.../
        <link
            rel="stylesheet"
            href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
        />
        <title>React App</title>
    </head>
    <body>
        <noscript>You need to enable JavaScript to run this app.</noscript>
        <div id="root"></div>
	</body>
</html>
```


## Exemplos

```tsx
import React from 'react'
import { Card, LayoutPage, Page } from '@furg/layout-react-lib'

export const App = () => {
    return (
        <LayoutPage>
            <Page title='Texto' subtitle='Subtitulo'>
                <Card>
                    Lorem ipsum dolor sit amet consectetur adipisicing elit.
                    Qui, minus quidem quas dolorem minima perspiciatis.
                    Praesentium neque molestias quaerat dignissimos debitis, nam
                    numquam provident delectus repellat eius earum aperiam
                    harum!
                </Card>
            </Page>
        </LayoutPage>
    )
}
```
npm package: @furiosa/tree
Description: A superpower tool to manage and handle nested tree data in typescript
Author: Alireza Hemati
Latest version: 1.0.0-alpha.1

# 🌳 Treekit

### Are you feeling stuck when working with tree data structures?

Discover **Treekit**, your go-to tool for effortlessly manipulating tree data structures. With streamlined methods, it simplifies tasks such as rearranging and updating nodes within your hierarchical data.

[![Version][version-badge]][package]

[version-badge]: https://img.shields.io/npm/v/@furiosa/tree
[package]: https://www.npmjs.com/package/@furiosa/tree

## Documentation

coming soon...

## Installation

To install Treekit, run the following commands

```bash
  npm install --save @furiosa/tree
```

## Running Tests

To run tests, run the following command

```bash
  npm run test
```

## Usage

```js
import Tree from "@furiosa/tree";

const data = [
  // your tree data
];

const {insert, move, ...} = new Tree(data);
```

Also you can directly import the methods to use

```js
import {insert, move, ...} "@furiosa/tree/functions";

const data = [
  // your tree data
];

```