open-index/open-npm huggingface dataset:
npm package: @lorhansohaky/react-metismenu-router-link
Description: Router link extension for `react-metismenu` menu component.
Author: H.Alper Tuna
Latest version: 3.0.0

[![Build Status](https://travis-ci.org/alpertuna/react-metismenu-router-link.svg?branch=master)](https://travis-ci.org/alpertuna/react-metismenu-router-link)

# react-metismenu-router-link

Router link extension for `react-metismenu` menu component to work with [react-router](https://github.com/reactjs/react-router).

For full documantion please visit [react-metismenu](https://github.com/alpertuna/react-metismenu).

# Install

```console
$ npm install --save react-metismenu-router-link
```

# Demo
Here is a simple demo using router link component in `react-metismenu`. [Go to demo](https://alpertuna.github.io/react-metismenu-router-link)


# Usage Example
I think, example is enough to tell.

```javascript
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter, Link, Route } from 'react-router-dom'
import MetisMenu from 'react-metismenu';
import RouterLink from 'react-metismenu-router-link';

const content = [
  {
    icon: 'icon-class-name',
    label: 'Label of Item',
    to: 'a-route-path',
  },
  {
    icon: 'icon-class-name',
    label: 'Second Item',
    content: [
      {
        icon: 'icon-class-name',
        label: 'Sub Menu of Second Item',
        to: 'another-route-path',
      },
    ],
  },
];

const App = () => (
  <div>
    <MetisMenu content={content} LinkComponent={RouterLink} />
  </div>
);

ReactDOM.render(
  <BrowserRouter>
    <Route path="/" component={App} />
  </BrowserRouter>,
  document.getElementById('root')
);
```
npm package: @lorhansohaky/timeline-creator
Description: Timeline video creator
Author: Lorhan Sohaky
Latest version: 1.0.5

# Timeline Creator

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/LorhanSohaky/timeline-creator/blob/master/LICENSE)
[![GitHub contributors](https://img.shields.io/github/contributors/LorhanSohaky/timeline-creator.svg)](https://github.com/LorhanSohaky/timeline-creator/graphs/contributors)
[![NPM package version](https://img.shields.io/npm/v/@lorhansohaky/timeline-creator)](https://www.npmjs.com/package/@lorhansohaky/timeline-creator)

## Motivação

O dia dos namorados estava chegando e eu não tinha ideia do que poderia fazer de especial para a minha namorada. Então depois de refletir bastante, pensei comigo mesmo:

> Por que não criar um vídeo com fotos de alguns momentos especiais?!

Só que como não sou bom em criar vídeos, achei melhor desenvolver um programa que fizesse isso - pelo menos desenvolver programas eu sei =D.

Então para não começar do zero, me inspirei no [video-maker](https://github.com/filipedeschamps/video-maker), projeto do [@filipedeschamps](https://github.com/filipedeschamps).

## Requisitos

- FFMPEG
- GraphicsMagick
- ImageMagick

## Como ele funciona?

A ideia é que você crie uma pasta com todas as fotos e o programa irá organizá-las em pastas de acordo com a data das fotos e por fim é gerado um vídeo passando por todas essas fotos.

## Licença

Leia a licença [clique aqui](LICENSE)
npm package: @loriick/use-http-client
Description: >
Author: Loriick
Latest version: 0.2.5

# @loriick/use-http-client

>

[![NPM](https://img.shields.io/npm/v/@loriick/use-http-client.svg)](https://www.npmjs.com/package/@loriick/use-http-client)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
![.github/workflows/testandpublish.yml](https://github.com/Loriick/useHttpClient/workflows/.github/workflows/testandpublish.yml/badge.svg)

## Install

### npm

```bash
npm install --save @loriick/use-http-client
```

### yarn

```bash
yarn add @loriick/use-http-client
```

## Usage

### GET - method

```tsx
import React from "react";

import useHttpClient from "@loriick/use-http-client";

const GetExample = () => {
  const { data, status, error } = useHttpClient("http://myapi.fr/posts/");

  if (status === "pending") {
    return <p>Loading</p>;
  }

  if (status === "rejected") {
    return <p>{error.message}</p>;
  }
  return data.map((d) => <p key={d.id}>{d.title}</p>);
};
```

### POST - method

```tsx
import React, { useState } from "react";

import useHttpClient from "@loriick/use-http-client";

const PostExample = () => {
  const [title, setTitle] = useState("");

  const { data, status, error, executeRequest } = useHttpClient(
    "http://myapi.fr/posts/",
    {
      method: "POST",
      onRender: false,
      body: { title },
      options: {
        headers: {
          "Content-type": "application/json;",
        },
      },
    }
  );

  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>): void => {
    e.preventDefault();
    await executeRequest();
  };

  return (
    <form onSubmit={()=> handleSumit()}>
      <input
        name="title"
        onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
          setvalue(e.target.value)
        }
        value={title}
        placeholder={Enter your title here}
      />

      <button type="submit">Submit</button>
    </form>
  );
};
```

## License

MIT © [Loriick](https://github.com/Loriick)

---

This hook is created using [create-react-hook](https://github.com/hermanya/create-react-hook).