Slide 1

Slide 1 text

Developing NPM Package Locally W I T H M O N O R E P O

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Problem Statement Redundant notification channels code Redundant type declaration Can import only notification package to symon

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

Solution Offered • Monorepo > workspace

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

Why Monorepo? • Share eslint/ts config, utils, documentation • Share library and dependency

Slide 9

Slide 9 text

Monorepo tools

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

Let's start from basic What we need to do? • Extract separate package monika • Import package notification in monika

Slide 12

Slide 12 text

Using Workspaces • Workspaces are the building blocks of your monorepo. Each app and package you add to your monorepo will be inside its own workspace.

Slide 13

Slide 13 text

Creating a new package in the monorepo workspace

Slide 14

Slide 14 text

Adding dependencies and configuring the package

Slide 15

Slide 15 text

Demo monika & Symon •Building and testing the package locally •Making changes and updates to the package

Slide 16

Slide 16 text

vs Don't be scared to start

Slide 17

Slide 17 text

Publishing the package to the NPM registry

Slide 18

Slide 18 text

Inti dari publishing to NPM registry

Slide 19

Slide 19 text

Publish pakai repo sendiri bisa

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

T H A N K Y O U , S E L A M A T M U D I K