Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Develop NPM Package Locally
Search
Hyperjump Tech
April 16, 2024
Programming
3
47
Develop NPM Package Locally
NPM Package development
Hyperjump Tech
April 16, 2024
Tweet
Share
More Decks by Hyperjump Tech
See All by Hyperjump Tech
Web Development Tips
hyperjump
3
58
Pull Request, Make & Review
hyperjump
3
43
Next.JS
hyperjump
3
23
Pull Request
hyperjump
3
21
IT Process & Delivery
hyperjump
3
30
Trunk Based Development
hyperjump
3
61
Mobile Application Security
hyperjump
3
51
Storage for the WEB
hyperjump
4
54
BIG-O Notation
hyperjump
3
54
Other Decks in Programming
See All in Programming
技術的負債の正体を知って向き合う
irof
0
190
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
340
オープンソースソフトウェアへの解像度🔬
utam0k
16
3k
overlayPreferenceValue で実現する ピュア SwiftUI な AdMob ネイティブ広告
uhucream
0
190
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
180
Flutterで分数(Fraction)を表示する方法
koukimiura
0
130
開発生産性を上げるための生成AI活用術
starfish719
3
1.4k
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
180
デミカツ切り抜きで面倒くさいことはPythonにやらせよう
aokswork3
0
250
Go Conference 2025: Goで体感するMultipath TCP ― Go 1.24 時代の MPTCP Listener を理解する
takehaya
9
1.7k
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
130
Claude Agent SDK を使ってみよう
hyshu
0
1.2k
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
190
55k
Writing Fast Ruby
sferik
629
62k
Reflections from 52 weeks, 52 projects
jeffersonlam
353
21k
A designer walks into a library…
pauljervisheath
209
24k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Building an army of robots
kneath
306
46k
Why Our Code Smells
bkeepers
PRO
340
57k
Scaling GitHub
holman
463
140k
Documentation Writing (for coders)
carmenintech
75
5.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
How to train your dragon (web standard)
notwaldorf
97
6.3k
Transcript
Developing NPM Package Locally W I T H M O
N O R E P O
None
None
Problem Statement Redundant notification channels code Redundant type declaration Can
import only notification package to symon
None
Solution Offered • Monorepo > workspace
None
Why Monorepo? • Share eslint/ts config, utils, documentation • Share
library and dependency
Monorepo tools
None
Let's start from basic What we need to do? •
Extract separate package monika • Import package notification in monika
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.
Creating a new package in the monorepo workspace
Adding dependencies and configuring the package
Demo monika & Symon •Building and testing the package locally
•Making changes and updates to the package
vs Don't be scared to start
Publishing the package to the NPM registry
Inti dari publishing to NPM registry
Publish pakai repo sendiri bisa
None
T H A N K Y O U , S
E L A M A T M U D I K