# @kalashshah/react-native-sdk > test Latest version **10.0.0** (published 2024-04-04) · MIT license · 0 weekly downloads ## Install ```sh npm install @kalashshah/react-native-sdk pnpm add @kalashshah/react-native-sdk yarn add @kalashshah/react-native-sdk bun add @kalashshah/react-native-sdk ``` ## Health **Score 30/100 (F)** — status: abandoned. Positive: has types; esm support; no vulnerabilities; high quality score. Warnings: low downloads. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 10.0.0 | | Published | 2024-04-04 | | First published | 2023-10-17 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Node | >= 16.0.0 | | Dependencies | 27 | | Unpacked size | 37.2 KB | | Known vulnerabilities | 0 (+27 in 3 direct dependencies) | | Install scripts | yes | | Author | Push Protocol | | Maintainers | kalashshah | | Keywords | react-native, ios, android | ## Links - npm: https://www.npmjs.com/package/@kalashshah/react-native-sdk - Repository: https://github.com/ethereum-push-notification-service/push-sdk - Homepage: https://github.com/ethereum-push-notification-service/push-sdk#readme - Issues: https://github.com/ethereum-push-notification-service/push-sdk/issues - npm.io page: https://npm.io/package/@kalashshah/react-native-sdk ## Dependencies (27) - [url](https://npm.io/package/url.md) ^0.10.3 - [uuid](https://npm.io/package/uuid.md) ^9.0.0 - [axios](https://npm.io/package/axios.md) ^0.27.2 - [assert](https://npm.io/package/assert.md) ^1.5.0 - [crypto](https://npm.io/package/crypto.md) ^1.0.1 - [ethers](https://npm.io/package/ethers.md) ^5.7.1 - [events](https://npm.io/package/events.md) ^3.3.0 - [stream](https://npm.io/package/stream.md) ^0.0.2 - [process](https://npm.io/package/process.md) ^0.11.10 - [crypto-js](https://npm.io/package/crypto-js.md) 3.1.9-1 - [rn-nodeify](https://npm.io/package/rn-nodeify.md) ^10.3.0 - [patch-package](https://npm.io/package/patch-package.md) ^8.0.0 - [text-encoding](https://npm.io/package/text-encoding.md) 0.7.0 - [react-native-os](https://npm.io/package/react-native-os.md) ^1.2.6 - [readable-stream](https://npm.io/package/readable-stream.md) ^1.0.33 - [https-browserify](https://npm.io/package/https-browserify.md) ^0.0.1 - [react-native-tcp](https://npm.io/package/react-native-tcp.md) ^3.3.2 - [stream-browserify](https://npm.io/package/stream-browserify.md) ^1.0.0 - [react-native-crypto](https://npm.io/package/react-native-crypto.md) ^2.2.0 - [react-native-webview](https://npm.io/package/react-native-webview.md) 13.2.2 - [@pushprotocol/restapi](https://npm.io/package/@pushprotocol/restapi.md) 1.6.3 - [react-native-level-fs](https://npm.io/package/react-native-level-fs.md) ^3.0.1 - [react-native-randombytes](https://npm.io/package/react-native-randombytes.md) ^3.6.1 - [@tradle/react-native-http](https://npm.io/package/@tradle/react-native-http.md) ^2.0.1 - [react-native-fast-openpgp](https://npm.io/package/react-native-fast-openpgp.md) 2.7.0 - [react-native-webview-crypto](https://npm.io/package/react-native-webview-crypto.md) ^0.0.25 - [react-native-get-random-values](https://npm.io/package/react-native-get-random-values.md) ^1.9.0 ## Alternatives - [@sindresorhus/slugify](https://npm.io/package/@sindresorhus/slugify.md) — 3.7M weekly downloads - [solid-js](https://npm.io/package/solid-js.md) — 2.7M weekly downloads - [expo-glass-effect](https://npm.io/package/expo-glass-effect.md) — 2.5M weekly downloads - [nanoassert](https://npm.io/package/nanoassert.md) — 780.8K weekly downloads - [@ffmpeg/ffmpeg](https://npm.io/package/@ffmpeg/ffmpeg.md) — 529.5K weekly downloads ## Recent versions - 10.0.0 (latest) — 2024-04-04 - 9.0.0 — 2024-04-04 - 8.0.0 — 2024-04-04 - 7.0.0 — 2024-04-04 - 6.0.0 — 2024-04-04 - 5.0.0 — 2024-04-04 - 4.0.0 — 2024-03-26 - 3.0.0 — 2024-01-22 - 2.0.0 — 2024-01-22 - 1.0.0 — 2024-01-22 - 0.1.19 — 2023-11-13 - 0.1.18 — 2023-11-13 - 0.1.17 — 2023-11-13 - 0.1.16 — 2023-11-13 - 0.1.15 — 2023-11-13 - … 14 more at https://npm.io/package/@kalashshah/react-native-sdk/versions ## README

Push Protocol is a web3 communication network, enabling cross-chain notifications, messaging, video, and NFT chat for dapps, wallets, and services.🚀

discord twitter youtube

# Index - [Push React Native SDK](#push-react-native-sdk) - [How to use in your app?](#how-to-use-in-your-app) - [Install the SDK](#install-the-sdk) - [Install the peer dependencies](#install-the-peer-dependencies) - [Nodeify the crypto packages](#nodeify-the-crypto-packages) - [Add the WebViewCrypto component in your app root](#add-the-webviewcrypto-component-in-your-app-root) - [Start using the Push SDK in your app](#start-using-the-push-sdk-in-your-app) - [Other Features](#other-features) - [Resources](#resources) - [Contributing](#contributing) - [License](#license) # Push React Native SDK

Push SDK provides an abstraction layer to integrate Push protocol features with your Frontend as well as Backend. This SDK is a react-native based repo of packages that helps developers to : - Build PUSH features into their DApps - Notifications - Chat - Group Chat without having to write a lot of boilerplate code. All the heavy lifting is done by the SDK, so that you the developer can focus on building features and bootstrap a DApp with PUSH features in no time!

## How to use in your app? #### Install the SDK ```bash yarn add @pushprotocol/react-native-sdk ``` or ```bash npm install @pushprotocol/react-native-sdk ``` #### Install the peer dependencies ```bash yarn add react-native-randombytes@3.6.1 react-native-webview@13.2.2 react-native-webview-crypto@0.0.25 ``` or ```bash npm install react-native-randombytes@3.6.1 react-native-webview@13.2.2 react-native-webview-crypto@0.0.25 ``` #### Nodeify the crypto packages Add postinstall script in your `package.json` file if `node_modules` are not nodeified already ```bash "postinstall": "node_modules/.bin/rn-nodeify --install crypto,assert,url,stream,events,http,https,os,url,net,fs --hack" ``` #### Add the WebViewCrypto component in your app root ```jsx import WebViewCrypto from 'react-native-webview-crypto'; return ( <> ); ``` #### Start using the Push SDK in your app For the complete list of features and how to use them, please refer to the [restapi documentation](https://github.com/push-protocol/push-sdk/blob/main/packages/restapi/README.md#sdk-features). ```jsx import { PushAPI, CONSTANTS } from '@pushprotocol/react-native-sdk'; import { ethers } from 'ethers'; const signer = new ethers.Wallet( '07da77f7471e5cf046ea3793421cbce90fd42a4cfcf520046a490ca1a9b636e0' ); const account = `eip155:${signer.address}`; const alice = await PushAPI.initialize(signer, { account, env: CONSTANTS.ENV.DEV, }); const spam = await alice.notification.list('SPAM', { limit: 10, page: 1, }); console.log('SPAM NOTIFICATIONS', spam); ``` ## Resources - **[Website](https://push.org)** To checkout our Product. - **[Docs](https://docs.push.org/developers/)** For comprehensive documentation. - **[Blog](https://medium.com/push-protocol)** To learn more about our partners, new launches, etc. - **[Discord](discord.gg/pushprotocol)** for support and discussions with the community and the team. - **[GitHub](https://github.com/push-protocol)** for source code, project board, issues, and pull requests. - **[Twitter](https://twitter.com/pushprotocol)** for the latest updates on the product and published blogs. ## Contributing Push Protocol is an open source Project. We firmly believe in a completely transparent development process and value any contributions. We would love to have you as a member of the community, whether you are assisting us in bug fixes, suggesting new features, enhancing our documentation, or simply spreading the word. - Bug Report: Please create a bug report if you encounter any errors or problems while utilising the Push Protocol. - Feature Request: Please submit a feature request if you have an idea or discover a capability that would make development simpler and more reliable. - Documentation Request: If you're reading the Push documentation and believe that we're missing something, please create a docs request. Read how you can contribute HERE Not sure where to start? Join our discord and we will help you get started! Discord ## License Check out our License HERE --- _Source: https://npm.io/package/@kalashshah/react-native-sdk · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._