# react-extension-methods

> general utility methods for react which will be deployed as an npm package

Latest version **1.0.12** (published 2021-11-18) · ISC license · 0 weekly downloads

## Install

```sh
npm install react-extension-methods
pnpm add react-extension-methods
yarn add react-extension-methods
bun add react-extension-methods
```

## Health

**Score 20/100 (F)** — status: abandoned.

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.12 |
| Published | 2021-11-18 |
| First published | 2021-11-16 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 5.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Soumyajeet Nayak |
| Maintainers | soumyajeet08 |

## Links

- npm: https://www.npmjs.com/package/react-extension-methods
- Repository: https://github.com/SoumyajeetNayak/react-extension-methods
- Homepage: https://github.com/SoumyajeetNayak/react-extension-methods#readme
- Issues: https://github.com/SoumyajeetNayak/react-extension-methods/issues
- npm.io page: https://npm.io/package/react-extension-methods

## Recent versions

- 1.0.12 (latest) — 2021-11-18
- 1.0.11 — 2021-11-16
- 1.0.10 — 2021-11-16
- 1.0.9 — 2021-11-16
- 1.0.8 — 2021-11-16
- 1.0.7 — 2021-11-16
- 1.0.6 — 2021-11-16
- 1.0.5 — 2021-11-16
- 1.0.4 — 2021-11-16
- 1.0.3 — 2021-11-16
- 1.0.2 — 2021-11-16
- 1.0.1 — 2021-11-16
- 1.0.0 — 2021-11-16

## README

# react-extension-methods
This package contains few string utility methods

# NPM Documents

This utility contains few extension methods are are useful for everyday coding.

### How to Install

```bash
npm install react-extension-methods
```

### How To Use

1. Use in the App.js
    
    ```jsx
    import ExtensionMethods from "react-extension-methods";
    
    function App() {
    	let city = "i live in new york"
    	return (
    		<div>
    			<ExtensionMethods>
    					<h1>{city.toCapitalCase()}</h1>
    					<h1>{city.slug()}</h1>
    			</ExtensionMethods>
    		</div>
    	)
    }
    ```
    
2. You can also import and use this in index.js
    
    ```jsx
    import React from "react";
    import ReactDOM from "react-dom";
    import "./index.css";
    import App from "./App";
    import reportWebVitals from "./reportWebVitals";
    import ExtensionMethods from "react-extension-methods";
    
    ReactDOM.render(
    	<React.StrictMode>
    		<ExtensionMethods>
    			<App />
    		</ExtensionMethods>
    	</React.StrictMode>,
    	document.getElementById("root")
    );
    
    // If you want to start measuring performance in your app, pass a function
    // to log results (for example: reportWebVitals(console.log))
    // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
    reportWebVitals();
    ```
    

### Current List of Available Methods

| Method Name | Data Type That It Works on | Sample Input | Sample Output |
| --- | --- | --- | --- |
| toCapitalCase | String | i live in new york | I Live In New York |
| slug | String | i live in new york | i-live-in-new-york |

---
_Source: https://npm.io/package/react-extension-methods · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._