open-index/open-npm huggingface dataset:
npm package: @joaovictor3g/cra-template
Description: Meu template personalizado
Author: “joaovictor3g”
Latest version: 1.0.5

# joaovictor3g CRA Template

This template has goal to optimize the initial development moments with React.js using CRA.

## Usage

```bash
# with yarn
yarn create react-app project-name --template @joaovictor3g/cra-template

#with npx
npx create-react-app project-name --template @joaovictor3g/cra-template
```

## Techs

- React.js
- Typescript
- Styled-components
- React Router Dom
npm package: @joaovictor3g/nc
Description: A full template to start apps with next and chakra ui
Author: “joaovictor3g”
Latest version: 1.0.5

# Template Next.js + Chakra UI

## Project

- This project has proposite to agilize the first steps creating new apps with next e chakra ui.

## Usage

```bash
# with yarn
yarn create next-app project-name --template @joaovictor3g/nc

#with npx
npx create-next-app project-name --template @joaovictor3g/nc
```

## Techs

- React.js
- Typescript
- Styled-components
- React Router Dom
npm package: @joaovill/vtex-lazyload-avanti
Description: A [Lazysizes](https://github.com/aFarkas/lazysizes) based plugin Lazyload for Vtex Components.
Author: João Pedro Villegas, Daniel Fedatto, Wellington
Latest version: 1.0.4


# Vtex Lazyload
A [Lazysizes](https://github.com/aFarkas/lazysizes) based plugin Lazyload for Vtex Components.

## Instalation
`$ npm install vtex-lazyload` or download the file

```html
<script type="text/javascript" src="/arquivos/vtex-lazyload.min.js"></script>
```

## Usage
After import/call files on page, its initialize automatically
```html
<!-- Vitrine -->
<div class="your-class js--lazyload has--lazyload" data-noscript="">
  <noscript>$product.GetImageTag(30)</noscript>
</div>
```
```html
<!-- Placeholder -->
<div class="your-class js--lazyload has--lazyload" data-noscript="">
  <noscript><vtex:contentPlaceHolder id="Main-Banner" /></noscript>
</div>
```

**Setting custom styles**

You can use the following classes to custom style:
```css
.is--lazyloaded { /* Uses when element is visible */ }
.has--lazyloading { /* Uses when element is loading */ }
.has--lazyerror { /* Uses when element has an error */ }
```

## License
Vtex Lazyload and Lazysizes is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).

## Credits
[Lazyzises](https://github.com/aFarkas/lazysizes) and all contributors!
npm package: @joaovq/commom-utilities
Description: This repository contains many utilities for string, date, object or file manipulation as well as a http client to make transparent requests using axios
Author: João Vitor Quintão Mattos
Latest version: 1.0.0

## Getting Started

This is a repository with some utilities classes which manipulate objects, dates, strings, files and other utilities which are used in many projects. It alsos provides an interface to make http requests easily with axios. 

## Bulding

- _yarn install_

## Tests

To run the tests just run the following command:

- _yarn test_ (runs all tests and generate a coverage)
npm package: @joaquimserafim/lru-cache
Description: A TypeScript LRU cache implementation
Author: @joaquimserafim
Latest version: 1.0.1

# LRU Cache

A TypeScript implementation of a cache with LRU (Least Recently Used) eviction strategies. When the cache reaches its capacity, it removes the least recently accessed items first

## Installation

```bash
pnpm add @joaquimserafim/lru-cache
```

## Usage

```typescript
import { LRUCache } from "@joaquimserafim/lru-cache";

// Create a new cache instance with:
// - maximum size of 1000 items
const cache = new LRUCache<string, number>(1000);

// Set values in the cache
cache.put("key", 123);

// Get a value (throws if key doesn't exist)
const value = cache.get("key"); // returns 123

// Get a value safely (returns undefined if key doesn't exist)
const safeValue = cache.getSafe("key"); // returns 123

// Check if key exists
const exists = cache.has("key"); // returns true

// Get all keys in order of most recently used
const keys = cache.keys(); // returns ["key"]

// Get current cache size
const size = cache.size(); // returns 1

// Clear the cache
cache.clear();
```