BROADCASTS.com

b'

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

Freshbooks - Sponsor

Get a 30 day free trial of Freshbooks at\\xa0freshbooks.com/syntax\\xa0and put SYNTAX in the \\u201cHow did you hear about us?\\u201d section.

LogRocket - Sponsor

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

Show Notes

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

 packages:   - "packages/**"  

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

Links

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

Tweet us your tasty treats!

• Scott\\u2019s Instagram
• LevelUpTutorials Instagram
• Wes\\u2019 Instagram
• Wes\\u2019 Twitter
• Wes\\u2019 Facebook
• Scott\\u2019s Twitter
• Make sure to include\\xa0@SyntaxFM\\xa0in your tweets