Ooh, this one’s handy. Paste in (no drag and drop unfortunately) the contents of an SVG file and out comes the JSX code for immediate use within your React project. SVGR also simplifies your SVG using SVGO (which is also the driving force behind SVGOMG) SVGR : The SVG to JSX transformer →
Category Archives: Elsewhere
Subsetting web fonts with glyphhanger
glyphhanger is a great tool to work with web fonts, developed by the folks at Filament Group. It serves two goals: It shows what unicode-ranges are used on a web page: # local and remote URLs $ glyphhanger ./test.html $ glyphhanger https://example.com # output characters instead of Unicode code points $ glyphhanger ./test.html –string # …
Fancy Words and Big Concepts
A New View of the Moon
Rough.js – Create SVGs with a hand-drawn, sketchy, appearance
Rough.js is a light weight (~8k), Canvas based library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. To get started first create a rough canvas: const rc = rough.canvas(document.getElementById(‘canvas’)); On that rough canvas you can …
Continue reading “Rough.js – Create SVGs with a hand-drawn, sketchy, appearance”
Geometric cover replication with CSS Grid, clip-path, and writing-mode
Artsy Engineering Blog: React Native, 2 years later
Two years ago the folks at Artsy started working with React Native: We’ve come quite far from where we started, and I was asked if I could give a talk to summerize what we’ve learned in the last 2 years as a set of native developers using React Native. Orta Therox from their team gave …
Continue reading “Artsy Engineering Blog: React Native, 2 years later”
Young Fathers – In My View
GeoPuzzle
React Native Under the Hood: MessageQueue & JS Thread
Yesterday I spent all day on the React Native Bridge digging deep into what gets sent over. This talk by Rotem Mizrachi-Meidan nicely details why one would want to do that. Next to the basic MessageQueue.spy(), I also used the aforementioned rn-snoopy to get some aggregated stats. A write-up of this video is also available.