This document provides instructions for setting up and publishing a React Native package on npm. It describes creating the package files and folder structure, including an index.js entry point, Package.json, and lib, ios, android, and example folders. It also covers initializing an example React Native app, linking the native code, and publishing the package to npm.

1. React-Native
Packages

2. Setup
• Run following command in terminal
npm init
• This command create a package file with default configuration.
• Now create folder and file in root folder according to men tioned
folder structure (in next slide)

3. Folder Structure
• RootFolder
• index.js
• Package.js
• lib
• Publishable JS file
• ios
• Publishable static library
• Android
• Publishable library
• example (React native project)

4. index.js
• It is entry point for npm package
• Export all accessible classes
import OktaUtil from './lib/oktaUtil'
export default OktaUtil

5. Package.js
{
"name": "reactoktaauth",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1"
},
"author": "",
"license": "ISC"
}

6. Package.js
• name:
• Should be small case.
• Contain only alphanumeric character or ‘-’
• version: Current package version
• description: package description
• main: Package entry point (index.js)
• auther: Optional and your name

7. lib, ios, android, example
• Implement JS code in lib folder, static library in iOS folder, package in
android folder
• Now run following command into package folder
react-native init example
• Open package.json of example project and write your npm package in
dependiencies.
"reactoktaauth": "../"

8. example
• Now run following command to connect npm package
npm install
• Now link ios and android folder to project.
react-native link
• Open xcode project. You are able to static librarhy into lib folder.
• Now add static library into library binaries setting
• Now you can run your application successfully.

9. Use pod in static library
• If you want to use pod file into static folder the change your pod file.
# Uncomment the next line to define a global platform for your project
platform :ios, '9.0'
use_frameworks!
workspace 'example'
def shared_pods
pod "OktaAuth"
end
target 'example' do
shared_pods
end
target 'OktaAuthRN' do
project './../../ios/OktaAuthRN/OktaAuthRN'
shared_pods
end

10. Publish package
• Run following command into terminal
npm adduser
• It will ask npm account user name, password, email ID (You must have
npm account)
• Now publish npm with following command
npm publish