Went: GoJS diagrams in PureScript by André Muricy
Вставка
- Опубліковано 28 чер 2024
- Introduction to “Went,” a library that brings GoJS diagrams to PureScript. GoJS is a mature and powerful framework for creating interactive diagrams in JavaScript, and Went brings its robust features to a purely functional setting. Went provides a declarative DSL that is close to GoJS’ familiar style, but places a strong emphasis on type safety.
Code for Went
github.com/AdaBeat
André Muricy
FP developer at Ada Beat.
/ amuricys
Video sponsor - Ada Beat
adabeat.com
Merch
If you want to spread functional programming and support the channel, buy something from the shop:
funcprogsweden.myspreadshop.net/
Chapters:
00:00 Welcome by Magnus Sedlacek
00:33 Went: GoJS diagrams in PureScript by Andre Muricy
00:56 Welcome to the frontend
01:58 What is GoJS?
03:26 How does it work?
04:32 GraphObjects are building blocks of GoJS
05:29 Visualizing GoJS structure
06:17 How it’s usually done: nodeTemplate + models + bindings
07:54 This renders to
08:47 There’s room for type safety
09:59 Which brings us to PureScript
11:16 And idea for a diagram
12:25 Let’s try our hand at coding this with Went
13:22 What the finished diagram will look like
14:06 Start from scratch with Went
16:25 Add a few more nodes
19:45 Add a panel
22:40 Set more properties
24:02 Add links
26:04 nodeTemplate invisible
28:16 groupTemplate
33:50 Set properties for the group
36:59 linkTemplate
39:47 Add another tree
41:32 makePort
47:37 Set properties for the linkTemplate
50:03 Q & A
#funcprogsweden - Наука та технологія