Diagrams you need to know

A presentation at React Alicante 2024 in September 2024 in Alicante, Spain by Jenny Truong

Slide 1

Slide 1

Diagrams you need to know Jenny Truong @jen_ayy_

Slide 2

Slide 2

Slide 3

Slide 3

Slide 4

Slide 4

@jen_ayy_

Slide 5

Slide 5

Why diagrams matter @jen_ayy_

Slide 6

Slide 6

3 types of diagrams • Entity-Relationship Diagrams • State Machine Diagram • Sequence Diagrams @jen_ayy_

Slide 7

Slide 7

Entity Relationship Diagrams @jen_ayy_

Slide 8

Slide 8

State Machines @jen_ayy_

Slide 9

Slide 9

State Machines @jen_ayy_

Slide 10

Slide 10

@jen_ayy_

Slide 11

Slide 11

@jen_ayy_

Slide 12

Slide 12

Sequence Diagrams @jen_ayy_

Slide 13

Slide 13

Bene its • Documentation • Organize thoughts • Universal communication f @jen_ayy_

Slide 14

Slide 14

Learn more about diagrams @jen_ayy_

Slide 15

Slide 15

Visual tools to collaborate dbdiagram.io eraser.io tldraw.com swimlanes.io @jen_ayy_ stately.ai

Slide 16

Slide 16

Jenny Truong twitter.com/jen_ayy_ linkedin.com/in/jenny-tru/ @jennytru.bsky.social stately.ai