{"id":58,"date":"2019-12-12T08:24:18","date_gmt":"2019-12-12T07:24:18","guid":{"rendered":"https:\/\/sketch2react.wordpress.com\/2019\/12\/12\/an-ode-to-markup\/"},"modified":"2020-06-18T07:42:34","modified_gmt":"2020-06-18T07:42:34","slug":"an-ode-to-markup","status":"publish","type":"post","link":"https:\/\/sketch2react.io\/blog\/an-ode-to-markup\/","title":{"rendered":"An ode to markup"},"content":{"rendered":"
\n


\n<\/figure>\n

Or why the heck do we use it\u00a0anyway?<\/h4>\n

T<\/span>his article is many things. A love letter to markup. An insight into how it is to develop for apps you have zero control over. Also very strange fairytale.<\/em><\/p>\n

\n

If you have been using Sketch2React for a while you probably thought to yourself at least one time \u201dman I love this but the markup, the markup suuuuuucks\u201d\u00a0\u2026 ? ?<\/p>\n

It\u2019s only natural. I\u2019ve been there. Can\u2019t speak for the entire world of designers but before Sketch2React I mostly spent my time drawing things. Like shapes you know. The only time I used the text tool was when I added typography to accompany my sweet shapes. Every time I came upon a plugin or similar that required me to manually input text I was like \u201dWhaaaattttt? Really? Boooooring<\/em>\u201d. Oh how ignorant I was.<\/em><\/p>\n

It was actually SVG\u2019s that got me into code. You can read about my journey here<\/a> if you\u2019re into origin stories.<\/p>\n

When writing this very same article, in my favourite writing app Ulysses<\/a>, I use markup. When you get use to writing markup you become blazing fast. ?<\/p>\n

? ProTip!<\/strong> ? Use amazing apps like SnippetsLab<\/a> or Rocket<\/a> to auto-insert all those sweet S2R\/Stratos markup rules and you become even faster.<\/p>\n

\n

The Super Power of the Text\u00a0Tool<\/h3>\n

This \u201dconstraint\u201d is actually one of our super powers<\/strong>. We use markup to expand what can be done directly from within Sketch (and later Figma)<\/strong>. Frankly none of these fine design apps where ever built to do what we are able to pull off with Stratos or Sketch2React.<\/p>\n

\n

Your Super Best Friend.\u00a0Really.<\/figcaption><\/figure>\n

So actually the Text Tool <\/strong>in Sketch is your very best friend. What else is done with text? Code of course. ? ?<\/p>\n

A great habit is\u00a0born<\/h3>\n

What happens when you write a lot?<\/strong> You create a great habit, that then makes it much easier writing your own code. Copy+pasting from Google also works ??<\/p>\n

In the beginning I was terrified of changing one single word or character in code. Because I didn\u2019t understand it.<\/p>\n

We fear what we don\u2019t understand.<\/p>\n

Now, since working with Sketch2React for almost 2 years I have:<\/p>\n