Develop NPM Package Locally

NPM Package development

Transcript

1. Developing NPM Package Locally W I T H M O N O R E P O
4. Problem Statement Redundant notification channels code Redundant type declaration Can import only notification package to symon
6. Solution Offered • Monorepo > workspace
8. Why Monorepo? • Share eslint/ts config, utils, documentation • Share library and dependency
9. Monorepo tools
11. Let's start from basic What we need to do? • Extract separate package monika • Import package notification in monika
12. 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.
13. Creating a new package in the monorepo workspace
14. Adding dependencies and configuring the package
15. Demo monika & Symon •Building and testing the package locally •Making changes and updates to the package
16. vs Don't be scared to start
17. Publishing the package to the NPM registry
18. Inti dari publishing to NPM registry
19. Publish pakai repo sendiri bisa
21. T H A N K Y O U , S E L A M A T M U D I K