<h1 id="boxtype">boxtype<a aria-hidden="true" class="anchor-heading icon-link" href="#boxtype"></a></h1>
<ul>
<li>version 0.0.0
<ul>
<li><img src="/assets/images/boxtype-000.png" alt="boxtype-000.png"></li>
</ul>
</li>
<li>build notes
<ul>
<li>features</li>
<li>what data should be in 'appState'?
<ul>
<li>thinking basically:
<ul>
<li>if the app's entire state is in some useState hook:
<ul>
<li>is it right to hold the necesary 'initial state' data in one variable?
<ul>
<li>asin: <code>const [appState, setAppState] = useState(initialState)</code></li>
<li><code>initialState</code> = <code>{...}</code> an object holding...</li>
</ul>
</li>
</ul>
</li>
<li>what is the default App state?</li>
</ul>
</li>
<li>screen width, height</li>
<li>toast: (on exports &#x26; imports)</li>
<li>dragged TextFrame</li>
<li>resized TextFrame</li>
<li>focused TextFrame (frame currently being edited)</li>
<li>textframe locked to gutter
<ul>
<li>zoomToFrame</li>
</ul>
</li>
<li>selected TextFrame (frame with  the selected highlight. you have to tab into the selected frame to edit it)</li>
<li>export Selected Frame</li>
<li>export All Frames</li>
<li>scrollX, scrollY</li>
<li>list of elements
<ul>
<li>list of text-frames
<ul>
<li>content
<ul>
<li>font-size, font-family</li>
<li>bold? italic? underline?</li>
<li>text-align</li>
</ul>
</li>
<li>x, y, width, breadth, z-index
<ul>
<li>if collapsed?</li>
<li>collapsedX (boolean)</li>
<li>collapsedY (boolean)</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>editmode
<ul>
<li>cursorState
<ul>
<li>frame-pointer? (the cross)</li>
<li>text-cursor?</li>
</ul>
</li>
<li>events:
<ul>
<li>panning</li>
<li>zooming</li>
<li>typing</li>
<li>shortcuts
<ul>
<li>move cursor diagonal</li>
<li>move cursor tab left</li>
<li>move cursor tab right</li>
<li>move cursor tab up</li>
<li>move cursor tab down</li>
<li>tab cursor outside text-frame left</li>
<li>tab cursor outside text-frame right</li>
<li>tab cursor outside text-frame up</li>
<li>tab cursor outside text-frame down</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li>viewmode</li>
<li>exporting?
<ul>
<li>export Selected Frame</li>
<li>export All Frames</li>
<li>export as svg, png, txt, separate .txts</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
<hr>
<strong>Backlinks</strong>
<ul>
<li><a href="/notes/113c6c5np8cuub04vh4vvj4">Projects</a></li>
</ul>

boxtype

Dendron


You've stumbled on [Caleb's](https://bycaleb.wasegun.com/) public notebook. You can conceive of this as a sketchbook too—i.e., rough, incomplete, and sometimes sparse. Hence, you might not get the full-gist of any one random page in the notebook. It is meant to help me elaborate/consolidate on my work & thoughts as a software engineer. This is not quite a [digital garden](https://maggieappleton.com/garden-history), and also unlike [Andy's working notes](https://notes.andymatuschak.org/About_these_notes).

I built this (experimentally & publicly) with [Dendron](https://www.dendron.so/), specifically, to understand if & how "quick, linked, and atomic" note-taking can help realize, remember, & learn (how to make better) design decisions when working on quick (or slow) software engineering projects. Of course, it does help—that makes this is a demonstration of exactly how it helps.

Check out my growing list of [[projects]]!

