Hasty Treat - How to Setup a PNPM Monorepo

In this Hasty Treat, Scott and Wes talk about PNPM and monorepos!

Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

4:40 - What is pnpm?

• https://pnpm.io/
• Performant npm
• https://www.youtube.com/watch?v=hiTmX2dW84E
• Find and remove node modules
  • find . -name "node_modules" -type d -prune -exec rm -rf '{}' +

08:30 - Why monorepo?

• Internal packages all in one place
• Forks and custom packages easier
• Commands that control everything at once

10:33 - Workspaces

• Not exclusive to pnpm
• Yarn, npm, pnpm all have them now
  • Different syntax

12:48 - How it works in practice

• All commands run through root
• Use in host, hook up my monorepo to render run commands
• Filter and recursive
• "install:all": "pnpm recursive install",
• "clean": "pnpm recursive exec -- rm -rf node_modules; rm shrinkwrap.yaml; rm -rf node_modules",
• "ui:dev": "pnpm recursive run dev --filter @leveluptuts/ui",

16:35 - Using submodules

• https://paigeniedringhaus.substack.com/p/march-2021-git-submodules
• Why submodules?
• Public and private

• https://www.npmjs.com/package/npx
• https://yarnpkg.com/

• Scott’s Instagram
• LevelUpTutorials Instagram
• Wes’ Instagram
• Wes’ Twitter
• Wes’ Facebook
• Scott’s Twitter
• Make sure to include @SyntaxFM in your tweets