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
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
180
GraphQL×Railsアプリのデータベース負荷分散 - 月間3,000万人利用サービスを無停止で
koxya
1
730
Local Peer-to-Peer APIはどのように使われていくのか?
hal_spidernight
2
390
非同期jobをtransaction内で 呼ぶなよ!絶対に呼ぶなよ!
alstrocrack
0
220
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
minodriven
21
11k
ポスターセッション: 「まっすぐ行って、右!」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
komofr
0
610
CSC305 Lecture 01
javiergs
PRO
1
380
iOS 17で追加されたSubscriptionStoreView を利用して5分でサブスク実装チャレンジ
natmark
0
130
Platformに“ちょうどいい”責務ってどこ? 関心の熱さにあわせて考える、責務分担のプラクティス
estie
2
490
パフォーマンスチューニングで Web 技術を深掘り直す
progfay
18
4.6k
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
220
Swiftビルド弾丸ツアー - Swift Buildが作る新しいエコシステム
giginet
PRO
0
1.4k
Featured
See All Featured
How to Ace a Technical Interview
jacobian
280
23k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
Building Adaptive Systems
keathley
43
2.8k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.2k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Building an army of robots
kneath
306
46k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Designing Experiences People Love
moore
142
24k
How STYLIGHT went responsive
nonsquared
100
5.8k
Mobile First: as difficult as doing things right
swwweet
224
9.9k
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