Why Monorepos?

Polyrepos

Repo 1

Repo 2

Repo 3

Repo 4

Monorepo

Project 1

Project 3

Project 2

Project 4

Benefits

• Unified codebase
• Shared dependencies
• Consistent tooling
• Better collaboration

Intros

• Your Name

• Where You're From

• What You're Hoping to Learn

Goals for today

• Survey the latest ways that data is handled in a React application
• Get hands on experience using everything
• Make choices from there

Client Apps (SPA)

Benefits

• Navigation without refresh
• Strong separation between server and client responsibilities
• Can achieve performance wins with lazy loading, code splitting, preloading

Drawbacks

• The bigger the bundle, the slower the app
• SEO Limitations
• Need additional help with data fetching/caching