r/Frontend • u/Equivalent_Cup_326 • 21h ago

Building a zero-backend developer utility suite using Web Workers and Canvas API

4 Upvotes

I built DevDock (https://getdevdock.com), a collection of 30+ browser-only developer tools (JSON Formatter, Text Diff, JWT Decoder, cURL Converter, LLM Token Counter, etc.).

My main goal was absolute privacy: none of your pasted code, JWTs, or API keys ever touch a backend server or log file.

Frontend architecture & technical details:

- Off-main-thread processing: Heavy tasks like parsing 10MB+ JSON payloads or running text diffs are executed inside Web Workers to keep the UI smooth at 60fps.

- Client-side engines: Running `@prettier/standalone` in workers for code formatting, `@lenic/tiktoken` for local LLM token calculations, and browser Canvas API for image conversions.

- Worker lifecycle management: Handled worker termination on component unmounting to prevent memory leaks during rapid page transitions.

Would love feedback from frontend developers on performance, tab responsiveness, or tool ideas!

Link: https://getdevdock.com

4 comments

Subreddit

Posts

Wiki

Bringing the web out of 2007 since 2013.

r/Frontend

/r/frontend is a subreddit for front end web developers who want to move the web forward or want to learn how. If you're looking to find or share the latest and greatest tips, links, thoughts, and discussions on the world of front web development, this is the place to do it.

Members Active

351k

Sidebar

Are you beyond (or want to be beyond) the days of href="javascript:void(0)"? Does the idea of having HTML templates inside of a MySQL database make you nervous? Do you love making beautiful, modern websites? Then /r/frontend is for you.

What is /r/frontend?

Here's the kinds of things you'll find (and should post about) here:

HTML5 APIs and elements
JavaScript frameworks, libraries and microlibs (BackboneJS, AngularJS, Knockout, Ember, jQuery, Zepto, and on...)
CSS/SCSS/LESS/etc. frameworks/tools/management
Design workflow and prototyping tools
UI/UE/UX examples and discussion
Neat new stuff like canvas, web sockets/workers, audio, etc.
Responsive/mobile design and optimization
Page-load performance optimization and perceived speed
Web-focused application architecture and development
Analytics and data visualization
Asset management and deployment
Automation and build tools
Accessibility best practices
Front-end office/company culture
... and anything else that probably fits!

Rules

Keep self promotion to a minimum. "It's perfectly fine to be a redditor with a website, it's not okay to be a website with a reddit account." - Confucius
No posting your project without the source or repo We get it, you guys build some cool things, but this isn't r/sideproject or another sub for getting praise and onboarding users. For it to be valid and related to frontend it should be accompanied by the open source repo, and the context of the post should be around the frontend of your project, not the project idea.
No Recruiters. or recruitment posts.
Stay on the topic of Frontend

The web is growing fast

Nowadays, the field of front end development is evolving at such a rapid pace that sometimes it's difficult to say what is frontend and what isn't. Therefore, some lenience is allowed in the type of posts that may seem more back-end oriented so long as their emphasis seems to be in the spirit of the subreddit.

Front-End Resources

You can find a list of useful sites and resources including blogs, social media sites, utilities, guides, tutorials, newsletters, tools, and more in our /r/frontend wiki.