open-index/open-npm huggingface dataset:
npm package: @pavelcorp/infinite-react-slider
Description: An infinite linear automatic slider
Author: Pavel
Latest version: 0.1.3

# Infinite React Slider - Pavelcorp

An infinite slider built with React

## Example
```javascript
import React from 'react';
import Slider from '@pavelcorp/infinite-react-slider';

const Component = () => {
  return (
    <Slider totalTime={2000} fps={60}>
      <div>Infinite</div>
      <div>React</div>
      <div>Slider</div>
    </Slider>
  )
}
```

## Options

| Name | Type | Default | Description |
| --- | --- | --- | --- |
| totalTime | Number | 5000 | Total time loop time in ms |
| fps | Number | 60 | Animation frame rate |
| offset | Number | 0 | Animation stops when slider if above viewport |
npm package: @pavele/useaxios
Description: Axios hook for react developers to easly handle REST API
Author: Paweł Ciosek
Latest version: 1.0.2

# UseAxios

## What's that?
It's hook for react developers to handle REST API. Based on popular axios library.

## Installation

npm
```
npm install @pavele/useaxios
```

yarn
```
yarn add @pavele/useaxios
```

## Axios

It's popular and reliable request library for js projects

Read more here: [axios docs](https://axios-http.com/docs/intro)

## Simple usage

```
import { useAxios } from '@pavele/useaxios';

const MyCoolComponent = (props) => {
    const { request, response, error, loading } = useAxios(
        {}, // optional, default axios parameters,
        (response) => { console.log(response) }, // optional, define what should happen on success
        (error) => { console.log(error) }, // optional, define what should happen on failure
        (loading) => { console.log(loading) } // optional, define what should happen on loading state
    );

    const makeRequest() => {
        // let's execute request
        request(
            {
                url: 'http://myapiaddress.com
            } // we pass axios params, use offical axios docs for more details
        );
    }
}

```

## Case when you need to handle more than one request to API in a single component

Common case when you have a one component with few features that require to communicate with API

Let's assume you have a component that allow to save or remove a resource from API

We can define more than one hook, but we need to rename imported variables from hooks.

```
import { useAxios } from '@pavele/useaxios';

const MyCoolComponent = (props) => {
    const { request: saveRequest, response: saveResponse, error: saveError, loading: saveLoading } = useAxios();
    const { request: removeRequest, response: removeResponse, error: removeError, loading: removeLoading } = useAxios();

    const saveResource(id, data) => {
        request(
            {
                url: `http://myapiaddress.com/myresource/${id}`,
                method: 'POST',
                data: data
            }
        );
    }

    const removeResource(id) => {
        request(
            {
                url: `http://myapiaddress.com/myresource/${id}`,
                method: 'DELETE'
            }
        );
    }    
}

```
npm package: @pavelety/cordova-plugin-google-play-services-check
Description: Cordova/Ionic/Phonegap plugin for checking that the Google Play Services are installed, updated and enabled
Author: Pavel Antoshenko
Latest version: 1.0.2

#Cordova Plugin Google Play Services Check
Cordova/Ionic/Phonegap plugin for checking that the Google Play Services are installed, updated and enabled on Android device.

#Why
Users' Google Play Services should be updated if you want to have more accurate and fast GPS.
There is a native way to check and update it. No need to ask user to do it manual, just install this plugin.

#Installation
The plugin can be installed via Cordova-CLI and is publicly available on NPM.

Execute from the project root folder:
```shell
$ cordova plugin add @pavelety/cordova-plugin-google-play-services-check
```
Or with Ionic
```shell
$ ionic cordova plugin add @pavelety/cordova-plugin-google-play-services-check
```
#Usage
The plugin creates the object GooglePlayServices, and it's accessible after deviceready has been fired.

```js
document.addEventListener('deviceready', function () {
  var success = function(installedAndUpdated) {
    if (installedAndUpdated.status) {
      console.log('Google Play Services is installed and updated');        
    } else {
      console.log('Showing user native update window');
    }
  } 
  var failure = function(reason) {
    console.error('error: ' + reason)
  }
  GooglePlayServices.check(success, failure);
})
```
Or for Ionic-v4:
```typescript
import { Platform } from '@ionic/angular';
@Component({...})
export class MyPage {
  constructor(public platform: Platform) {
    platform.ready().then(() => {
      var success = function(installedAndUpdated) {
        if (installedAndUpdated.status) {
          console.log('Google Play Services is installed and updated');        
        } else {
          console.log('Showing user native update window');
        }
      } 
      var failure = function(reason) {
        console.error('error: ' + reason)
      }
      GooglePlayServices.check(success, failure);
    });
  }
}
```
Or enhanced example for Ionic-v1:
```js
  var googlePlayCheckedAndInstalled=false;
  function googlePlayCheck() {
    if (window.cordova && !googlePlayCheckedAndInstalled) {
      var success = function (installedAndUpdated) {
        console.log('Google Play Services success: ', installedAndUpdated);
        if (installedAndUpdated.status) {
          console.log('Google Play Services is installed and updated');
          googlePlayCheckedAndInstalled = true;
        } else {
          console.log('Trying to show user native update window');
        }
      }
      var failure = function (reason) {
        console.error('Google Play Services error: ' + reason)
      }
      GooglePlayServicesCheck.check(success, failure);
    }
  }

  googlePlayCheck();
  $ionicPlatform.on('resume', function () {
    googlePlayCheck();
  });
```
npm package: @pavelgric/eslint-config-react-native
Description: ESLint and TypeScript configuration for React Native
Author: Pavel Gric
Latest version: 6.0.3

# eslint-config-react-native-pgric

ESLint and TypeScript configuration for React Native

## Install

`yarn add @pavelgric/eslint-config-react-native --dev`

## Use

## v >= 6

in `eslint.config.js`

```js
const config = require("@pavelgric/eslint-config-react-native/flat");
const { defineConfig } = require("eslint/config");

module.exports = defineConfig([
  config,
  // your other config
]);
```

## v <= 5

in `.eslintrc`

```js
{
  "extends": "@pavelgric/eslint-config-react-native"
}
```

matching `.prettierrc.js`

```js
module.exports = {
  bracketSpacing: true,
  jsxBracketSameLine: false,
  singleQuote: true,
  trailingComma: 'all',
  printWidth: 80,
  semi: true,
};
```

## Additionally to use tsconfig.json

{
  "extends": "@pavelgric/eslint-config-react-native/tsconfig.base"
}