JavaScript diagramming library powering exceptional UIs
Prague, Czechia
Joined February 2011
- Tweets481
- Following114
- Followers682
- Likes65
📣 JointJS is now on Medium and Dev.to.
We’re bringing our articles to where more developers read, starting with our posts on JointJS for React.
On @Medium, we’ve also started Diagramming for Developers, a publication for devs who build with diagrams, from architecture deep dives to practical how-tos, UX tips, and more. It’s about the craft of diagramming, not exclusively about JointJS.
✍️ Medium: medium.com/diagramming-for-d…
🧑💻 Dev.to: dev.to/jointjs
If you're writing about diagramming, visual editors, or graph UIs, we’d love to hear from you. 👋
#JointJS #diagramming #ux #webdev
ALT JointJS is now on Medium and Dev.to publishing platforms.
Paste SQL → get a live, editable database diagram. Edit the diagram → the SQL updates too. 🔁
Our new Data Modeling app template for JointJS+ for React: jointjs.com/demos/data-model…
Here's a fun puzzle challenge for you. 🧩
Try to beat my score in the Shikaku puzzle game built with JointJS. I solved it in 54 seconds. Can you do better? Let me know your score in the comments below. 🙂
JointJS Shikaku puzzle: jointjs.com/demos/shikaku
Have you already seen our new Data Modeling app template? 🔥
It's a perfect starting point for any data-driven UI, and below is a quick overview of some key features, from undo/redo to accessibility and smooth diagram performance. 🚀
#JointJS #diagramming #datamodeling
You can find the detailed data modeling app template walkthrough on our blog: jointjs.com/blog/how-to-buil…
We're excited to share our new in-depth guide on building modern data modeling tools with JointJS+ for React!
In this guide, we’ll walk you through the architecture, key design decisions, and practical techniques behind our open-source Data Modeling app template.
Whether you're creating visual SQL editors, custom database tools, ERD editors, or lineage tools, you'll find actionable insights, code samples, and best practices for building data modeling apps. 🚀
(Links to both the blog post and the video are below. 👇)
ALT JointJS Data Modeling App Template
Using JointJS in React no longer means you need useRefs, useEffects, and a bunch of clunky code to connect everything.
Here's what changes with JointJS for React, with before-and-after code examples for every common pattern. 👇
#diagramming #JointJSforReact
ALT JointJS for React — JointJS now works natively with React.
You no longer have to manually sync graph state with React, and you can gradually transition your app to JointJS for React.
ALT Change the graph from anywhere. Any component under GraphProvider gets a typed graph API. Pass your existing dia.Graph in and move one component at a time.
Check the full hands-on guide to see how much easier it is to work with JointJS for React: jointjs.com/blog/jointjs-for…
A hands-on guide outlining how much easier it is to integrate JointJS with React with a new native JointJS for React integration.
We created an in-depth guide that explains everything you need to know about JointJS performance. 🔥
Key takeaways:
🚀 Render fewer DOM elements
📐 Don't measure the DOM
🔎 Use dia.SearchGraph + QuadTree for spatial queries
Read the full guide: jointjs.com/blog/10-practica…
ALT 3 key to fast, production-grade JointJS diagrams
ALT Render fewer DOM elements
ALT Don't measure the DOM
ALT Use SearchGraph + QuadTree for spatial queries
Performance in diagramming apps matters, especially if you're building production-grade apps. 🚀
That's precisely why we created an in-depth guide on getting the most out of JointJS, covering performance optimization techniques, from setting up a solid baseline config to advanced techniques like LOD.
#JointJS #performance #diagramming
jointjs.com/blog/10-practica…
JointJS retweeted
The Appmixer and JointJS team, all in one place. 🤍
We have been fully remote since day one. It works great, and we get to hire talented people from all around the world.
But boy, it feels nice when we all meet in person!
Thank you, everyone, for four beautiful days together in a South Bohemian cottage, sharing ideas and simply having fun.
(Missing a few colleagues from the photo: Anna, who joined us a day later, and Samuel, Ian, Camilo and Ram, who couldn't make it this year. See you all at the Christmas party!)
Did you know that JointJS for React works well with any React framework? 🚀
There's a gotcha in Next.js, so we created a short guide explaining everything you need to know to set up JointJS for React in your Next.js application. 👇
jointjs.com/blog/how-to-use-…
#jointjs #nextjs
