Monorepos - What, Why, When and How | Full Stack React + Hono Example

In this video CJ explains monorepos. What they are, why they exist and when to use them. He also gives some tips and tricks for working in a full stack React + Hono monorepo.

00:00 intro
00:27 what is a monorepo?
01:33 why do we need monorepos?
04:04 when should we NOT use monorepos?
05:23 real world monorepo examples
08:12 tools to create workspaces / monorepos
09:16 example app overview
09:52 workspace setup
10:51 namespaces
12:45 Tip: Share Configuration
12:57 shared typescript settings
13:50 sharing eslint config
15:39 Tip: Typescript Path Aliases
16:53 Tip: Use the pnpm Task Runner
18:15 Tip: Proxy API Request
20:07 Tip: Client Build / Static Serve / SPA Redirect
22:29 Tip: Sharing Hono Types
24:45 Tip: Hono RPC Client Build
26:15 Tip: Restructure and Restrict Exports
28:08 other monorepo tools
29:04 monorepo alternatives
32:02 thanks!

View the code here: https://github.com/w3cj/monorepo-example-tasks-app

------------------------------------------------------------------------------

Hit us up on Socials!

https://www.syntax.fm/links

Brought to you by Sentry - Use code "tastytreats" to get 2 months free - https://sentry.io/syntax

#webdevelopment #tools #techniques