NewAwesome

2.2.2 verified Sat Apr 25 auth: no javascript

NewAwesome is a React Native package designed to provide enhanced UI components and utilities for mobile app development. The current stable version is 2.2.2, though it has no README documentation. It relies on React 17.0.2+ and React Native 0.67.2+ as peer dependencies. Key differentiators include a focus on performance optimization and native-like interactions. The package targets developers building cross-platform mobile applications with React Native and requires manual linking for native modules.

Common errors

error Module not found: Can't resolve 'newawesome' ↓

cause Package not installed or missing in node_modules.

fix

Run 'npm install newawesome' or 'yarn add newawesome'.

error TypeError: (0, _newawesome.useAwesome) is not a function ↓

cause Importing useAwesome from wrong path (root instead of hooks subpath).

fix

Use 'import { useAwesome } from 'newawesome/hooks''.

error Error: Unable to resolve module newawesome from /path/to/App.js: newawesome could not be found within the project. ↓

cause React Native autolinking not configured for native modules.

fix

Run 'cd ios && pod install' and rebuild.

Warnings

breaking React 17 and React Native 0.67 minimum required; v2.2.0 dropped support for React <17 and RN <0.67. ↓

fix Upgrade React to >=17.0.2 and React Native to >=0.67.2.

gotcha Package exports a default export that is a component, not an object with utilities. ↓

fix Use default import for the main component and named imports for other utilities.

deprecated Importing from 'newawesome/legacy' is deprecated; use the root import instead. ↓

fix Change imports to 'import NewAwesome from 'newawesome''.

Install

npm install newawesome

yarn add newawesome

pnpm add newawesome

Imports

default
wrong
```
const NewAwesome = require('newawesome')
```
correct
```
import NewAwesome from 'newawesome'
```
Package is ESM-only; using require will cause runtime errors in Node.js environments that don't support ES modules.
Button
```
import { Button } from 'newawesome'
```
Named export available for tree-shaking; ensure bundler supports ES modules.
useAwesome
wrong
```
import useAwesome from 'newawesome'
```
correct
```
import { useAwesome } from 'newawesome/hooks'
```
Hook is exported from a subpath to reduce bundle size; importing from root will result in undefined.

Quickstart

Demonstrates importing the default export, a named component, and a hook from the package.

import React from 'react';
import { View } from 'react-native';
import NewAwesome, { Button, useAwesome } from 'newawesome';

const App = () => {
  const { value } = useAwesome();
  return (
    <View>
      <Button title="Click Me" onPress={() => console.log('pressed')} />
    </View>
  );
};

export default App;