open-index/open-npm huggingface dataset:
npm package: @nzmedet/view-on-steroids
Description: React-native view with steroids
Author: Medet Tleukabiluly
Latest version: 3.0.8

## View

Accept inline style props with view props


Using styles const is annoying, specially for simple task
```
<View style={styles.container}>
  <Text>pets</Text>
</View>
const styles = StyleSheet.create({
  container: {
    paddingLeft: 10
  }
})
```

What if we could pass styles and props as direct property
```
<View paddingLeft={10} onLayout={handleLayout}>
  <Text>pets</Text>
</View>
```

### installation
```
npm install @nzmedet/view-on-steroids
```

### usage
Add style and view props to view
```
import View from '@nzmedet/view-on-steroids'

// accepts ViewStyleProps and ViewProps as props
<View backgroundColor='red' pointerEvents='none'>
  children
</View>

```
npm package: @nzmnisam/custom-hooks-and-functions
Description: custom hooks and functions for website building
Author: nzmnisam
Latest version: 0.1.0

# Custom Hooks and Functions

This package is ment for me and my friends to use when building various websites with React, so we can have one place for the util hooks and functions.
I don't promise for this to be well maintained, but feel free to fork the project or do whatever you wish with it.

In the future I do plan to add description for all the hooks and functions, add new ones and refactor the current ones if need be.

Here is a list of the current ones:

# Hooks

- useButtonPress
- useClient - for NextJS
- useDetectSwipe
- useDetectTouchScreen
- useElementDimensions
- useElementPosition
- useInterval
- useIsomorphiclayoutEffect
- usePreventBodyScroll
- useSmallScreen
- useWindowDimensions

# Functions

- breakpointToNumber
- scrollToTop
- detectTouchScreen

# Classes

- DragManager