Nx Workshop - Speaker Deck

Slide 1

Slide 1 text

Nx Workshop #FlowingAcademy Flowing Academy Luca Del Puppo

Slide 2

Slide 2 text

0 →Intro 1 → Nx ❤ Angular/React 2 → Nx ❤ Nestjs 3 → Work together 4 → Workspace File Agenda Nx Workshop Indice 4 → Deps graph/rules 5 → Build with style 6 → Schematics 7 → Deploy 8 → Happy ending

Slide 3

Slide 3 text

Ego Slide Luca Del Puppo (aka Puppo) @lucadelpuppo https://www.linkedin.com/in/lucadelpuppo/ [email protected]

Slide 4

Slide 4 text

Chi è Nrwl https://nrwl.io/

Slide 5

Slide 5 text

Cos’è Nx? https://nx.dev/

Slide 6

Slide 6 text

Monorepo … is a specific Trunk-Based Development implementation where the organization in question puts its source for all applications/services/libraries/frameworks into one trunk and forces developers to commit together in that trunk - atomically.

Slide 7

Slide 7 text

Monorepo - Pro ➔ share code ➔ atomic commit ➔ Single set of dependencies Nx Workshop Monorepo - Pro

Slide 8

Slide 8 text

Monorepo - Contro ➔ share code ➔ changes can broke multiple projects ➔ code ownership ➔ chaotic directory layout Nx Workshop Monorepo - Pro

Slide 9

Slide 9 text

Developer reactions

Slide 10

Slide 10 text

Nx help Monorepo ➔ Scaling Your Repo ◆ Faster Command Execution ➔ Scaling Your Organization ◆ Controlled Code Sharing ◆ Consistent Code Generation ◆ Accurate Architecture Diagram Template 169 Titolo e corpo testo

Slide 11

Slide 11 text

But Nx is not only monorepo

Slide 12

Slide 12 text

Nx - Benefit ➔ Node FE + Node Be work together (but not mandatory) ➔ Create dependence rules ➔ Graph your code deps ➔ Build/Test only your change eﬀects ➔ Help you to automate your process Template 169 Titolo e corpo testo

Slide 13

Slide 13 text

Start coding https://nx-workshop.vercel.app/

Slide 14

Slide 14 text

Luca Del Puppo @lucadelpuppo https://www.linkedin.com/in/lucadelpuppo/ [email protected] Grazie mille a tutti