You can also use PlantUML to leverage diagrams as code. There are C4 stencils for OmniGraffle, C4 examples for LucidChart, draw.io has the stencils as well. There are different tools you can use to create the context diagram.
Other software systems may be source of data for your system, or get the information from it. Users may have different roles like content creator, reader, administrator. Primarily, it's their users and other software systems. The c4 website does a pretty good job explaining their diagrams, but I still would like to provide my own understanding.
How to pick one up?ĭuring my work as Solution Architect I use 5 diagrams the most: C4 Context and Container diagrams, Deployment Diagram, Sequence diagram and Use Case diagram. Of course, there is a billion of ways you can do it. So instead you cover different concerns, grouped by view points and create a set of diagrams describing each view. This is nor possible, neither useful for anybody. As we found out earlier, you can not just draw a single image. Transparency is huge in this process and people need to be able to see progress toward the goal.The job of a solution architect is to clearly communicate the design of software systems to business, project managers and developers. Set a sponsorship threshold, and after crossing it, make your thing freely available to the world! – This can be a number of monthly sponsors, an amount of monthly revenue, or whatever you like. The important parts are A) that the revenue is recurring, and B) that either your number of sponsors or your net revenue is publicly viewable GitHub Sponsors, Patreon, OpenCollective, etc.) or it can be a system you roll yourself. This can be through any of the big sponsorship platforms (i.e. Make it available only to “sponsors” – These “sponsors” are people who give you recurring revenue. The more interest you are able to build in your product before launch, the better your results are likely to be. Simply stated, the “Sponsorware” model for releasing a project is made up of a few simple steps:īuild something people want! – This is easier said than done, but we believe this model works best for open source projects with significant pre-release hype. I'll answer questions here but if you want to contact me directly, my DMs are open a Google search for the uninitiated (me): If If you'd like to support the project's continued development, you can sponsor me here.
Until now, the site has been accessible only to my Github sponsors, but it's now free and open to everyone.
If you like to work on these kinds of projects, definitely bookmark those libraries! They contain a lot of useful code.Īs for its development, I've taken off a few months between jobs to work on this full time. There are also a few other libraries: for the vector math and for intersections. The website is a very thin Next.js app that embeds the component. It can be controlled either by props or by its own API (ie `app.selectAll().duplicate()`). This component can be embedded in any React project. The main library, ( ), exports the whole tldraw "app" as a React component named. It's already being used for some pretty ambitious projects apart from tldraw itself. Simple but very fast, very flexible, and packed with helpers for building these kinds of apps. You give it a data model along with a set of utilities to interpret that data model. The tldraw project has a few different layers.Īt the bottom, there is a renderer named ( ) that is essentially a "put React components on a canvas UI" engine.
We also ship a Visual Studio Code extension that lets you use tldraw inside of VS Code! (. Consider this part of the app an early beta. The multiplayer is using a pre-release version of Liveblocks ( )-and honestly isn't using it in a very clever way-and so can have some desync issues. And it's still in development! If you'd like to contribute, join the Discord channel ( ) or drop by the repo ( ). The whole tldraw project is MIT licensed and open source ( ). If you're curious about how this came together, or want to follow along as we ship new features, check out my timeline ( ). I post a _lot_ about tldraw on Twitter.
Hey, author here! Glad folks are enjoying this.