Fastly fiddle turns 5 with a bunch of new features

1

prism.js

So we replaced Monaco with Prism for read-only fiddles, and added code-splitting to further reduce the amount of React code needed before the page can render. Then we made Fiddle's embed IFRAMEs lazy-load, so we don't load it at all if it's off-screen, and we don't block initial render. But the fact remains that an embedded fiddle still took a couple of seconds to load and render.

#App Reviews #Customer Feedback #Marketing Tools 16 social mentions

2

Monaco Editor

Fiddle is a ReactJS application, and uses the excellent Monaco IDE as the code editor, but this makes it pretty heavy. When we first shipped embedded fiddles, the IFRAME in which the fiddle rendered would load not just React but the whole Monaco IDE (around 2MB of JavaScript!), which would then be set to read-only, resulting in the world's most bloated code highlighting library 🤦. Not great when there's a fiddle sitting right in the middle of the developer hub homepage:.

#Text Editors #IDE #Developer Tools 47 social mentions

3

httpbin(1)

Fiddle previously used httpbin.org as the default origin. HTTPBin is a really great tool and you can still use it as an origin if you want to.

#Developer Tools #Proxy #Testing 53 social mentions

4

Go Programming Language

Last year we launched Compute@Edge support in Fiddle, with SDK support for Rust and JavaScript, which were already supported by the Compute@Edge platform. When it came to launching the Go SDK for Compute@Edge, Fiddle support shipped on the same day as the SDK. Here's a fiddle written in Go.

#Programming Language #OOP #Generic Programming Language 292 social mentions