Supercharging your dev experience with Turborepo

Deck used during the React India 2022 talk where I go about how large teams collaborate in a JavaScript/TypeScript monorepo and how dependencies between packages can cause hindrance in the Developer Experience (DX), mostly due to the dependency graph and task execution times.
⁠
⁠Then I will follow-up on how Turborepo can greatly reduce dependency complexity when executing tasks and how its smart caching strategy can save you many hours when using CI/CD systems. I will also talk about how we introduced Turborepo at N26, how it has been used and how it has improved the DX of the Web team by drastically reducing CI/CD pipelines execution time.

The talk is available on YouTube for anyone to watch here.

Transcript

1. Supercharging your Dev experience with Turborepo @bpaulino0
2. • Software Engineer focused on Web • Currently responsible for building the Client Platform where other teams build applications on top of. (<div>Ops) • Big fan of Nintendo games Bruno Paulino Tech Lead at
3. Multirepos, Monorepos and how companies organize their code Monorepos and why we use them Turborepo & Live demo Monorepos and why we use them Turborepo & Live demo
4. Multirepos Monorepos and why we use them Turborepo & Live demo
5. Monorepos Monorepos and why we use them Turborepo & Live demo
6. Why monorepos are so hot right now? Monorepos and why we use them Turborepo & Live demo
7. Code reuse Monorepos and why we use them Turborepo & Live demo
8. Shared Standards Monorepos and why we use them Turborepo & Live demo • ESLint config package used by all other packages • TypeScript config package with standard TS configuration • Shared Database models
9. Team collaboration Monorepos and why we use them Turborepo & Live demo
10. Atomic changes Monorepos and why we use them Turborepo & Live demo
11. Isolation Monorepos and why we use them Turborepo & Live demo • Packages are self-contained • Dependencies are explicitly defined
12. We've got the packaging thing sorted Thanks to Workspaces
13. Or at least it was… until now But running tasks efficiently is still a challenge
15. Never do the same work twice Monorepos and why we use them Turborepo & Live demo • Test or build it once? Cache it and replay the logs
16. Optimized scheduling Monorepos and why we use them Turborepo & Live demo
17. Distributed Remote caching Monorepos and why we use them Turborepo & Live demo • Shared cache among developers and CI machines
18. Zero runtime overhead Monorepos and why we use them Turborepo & Live demo • Turbo stops at your development and CI environment • It's a dev dependency
19. Live Demo github.com/brunojppb/react-india Turbo Racer* * (Open-source Distributed Remote cache that you can self-host. But consider using Vercel first)