How to create an npm package + CI/CD in 10 minutes

In this article we will create a template library for react native, after this tutorial you will know how to create any package.

Requirements

• Have an npm account, if not create one https://www.npmjs.com
• Have an github account, if not create one https://github.com

Step 1 - Create your project

npx create-expo-app name-template --template

• go to project folder

cd nameOfProject

Step 2 - NPM Config

• run the command

npm init

• after run command, you nesse answer some questions about your package

package name: (app-template)
version: (1.0.0)
description:
git repository:
keywords:
author:
license: (ISC)

• now you need authenticate your user

npm adduser

• after that you need to remove the line 'private: true' inside the file package.json, with this action you package become public

---

Step 3 - Config CI/CD

• Go to your github repository
• actions -> new workflow
• insert the codes below

// name of project
name: Publish Npm Package

// any update or pull request directed to the master will activateo workflow
on:
  push:
    branches: [ master ]
  pull_request:
    branches: [ master ]

jobs:
  build:
    // machine that will run
    runs-on: ubuntu-latest

    steps: 
      // go to repo
      - name: Checkout repository
        uses: actions/checkout@v2

       // Install version node.js
      - name: setup version node.js
        uses: actions/setup-node@v2
        with:
          node-version: '18.20.2'

      - name: Install dependencies
        run: npm install --force

        // Authenticate to npm before publish
      - name: Authenticate to npm
        env:
          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
        run: echo "//registry.npmjs.org/:_authToken=${NODE_AUTH_TOKEN}" > ~/.npmrc

        // Publish your package npm
      - name: Publish to npm
        env:
          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
        run: npm publish --access public

repo github: https://github.com/Luizrebelatto/template-reactnative-setup
Linkedin: https://www.linkedin.com/in/luizgabrielrebelatto/
Github: https://github.com/Luizrebelatto