open-index/open-npm huggingface dataset:
npm package: 2muchcoffee-react-scripts
Description: Configuration and scripts for Create React App with decorators.
Latest version: 0.1.0

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: 2muchcoffee-react-scripts2
Description: Configuration and scripts for Create React App with decorators.
Latest version: 0.1.2
Deprecated: this package is no longer supported

# react-scripts

This package includes scripts and configuration used by [Create React App](https://github.com/facebook/create-react-app).<br>
Please refer to its documentation:

- [Getting Started](https://facebook.github.io/create-react-app/docs/getting-started) – How to create a new app.
- [User Guide](https://facebook.github.io/create-react-app/) – How to develop apps bootstrapped with Create React App.
npm package: 2mundos-angular-cropperjs
Description: CropperJS integration for Angular 2/4
Author: Matheus Davidson
Latest version: 0.1.5-2m.0.0

# angular-cropperjs

[CropperJS](https://fengyuanchen.github.io/cropperjs/) integration for Angular 2/4
 
## How to use

1- Install the library:

```bash
$ npm install angular-cropperjs --save
```

2- Import and load `AngularCropperjsModule` in the module you want to use, for example `AppModule`:

```typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

//
// Import angular-cropperjs
import { AngularCropperjsModule } from 'angular-cropperjs';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    
    //
    // Load angular-cropperjs
    AngularCropperjsModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

3- Use the component in your template like this:

```html
<!-- You can now use angular-cropper component in app.component.html -->
<angular-cropper [cropperOptions]="config" [imageUrl]="imageUrl"></angular-cropper>
```

**Using CropperJS methods:**

Use @ViewChild in your component to get the element:

*In your app.component.html*
```html
<angular-cropper #angularCropper ..>
```

*And in your app.component.ts*
```js

//
// Import AngularCropperjsComponent
import { AngularCropperjsComponent } from 'angular-cropperjs';

//
// Get with @ViewChild
@ViewChild('angularCropper') public angularCropper: AngularCropperjsComponent;
```

Then just call the CropperJS method you want:

*anywhere in your app.component.ts*
```js

//
// Lets try to zoom
this.angularCropper.cropper.zoom(0.1);
```

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash
$ npm run build
```

To lint all `*.ts` files:

```bash
$ npm run lint
```

## License

MIT © [Matheus Davidson](mailto:matheusdavidson@gmail.com)
npm package: 2ndlogiccomponents
Description: components for 2nd logic
Author: levimoore1992
Latest version: 1.5.0

# 2ndlogiccomponents

> components for 2nd logic

[![NPM](https://img.shields.io/npm/v/2ndlogiccomponents.svg)](https://www.npmjs.com/package/2ndlogiccomponents) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save 2ndlogiccomponents
```

## Usage

```tsx
import React, { Component } from 'react'

import MyComponent from '2ndlogiccomponents'
import '2ndlogiccomponents/dist/index.css'

class Example extends Component {
  render() {
    return <MyComponent />
  }
}
```

## License

MIT © [levimoore1992](https://github.com/levimoore1992)