Frontend @Atlassian ⚡️Mostly making things with JavaScript and React 🏗️ Building dev tools to make programming a little more fun. he/him

Sydney, Australia
Joined October 2011
I've been playing around with the idea of note-taking inside VSCode to keep things bookmarked without having to search for them again and again. So this is📜Paper, a bookmarking and note-taking extension for VSCode github.com/Raathigesh/paper 👇Here are a few things paper can do
3
3
20
You can also bookmark a selection. Simply select the text you want to bookmark and click on the pointer icon to create a bookmark.
1
4
This is a niche feature but you can keep a directory embedded as a tree view as well.
4
At times console logging HTML output from Jest tests could be hard to read. So here is a thing to make it easier. 🔧Jest Tools, A VSCode extension to view and preview HTML output from your Jest tests. github.com/Raathigesh/Jest-t…
4
1
28
I am very happy to finally be able to show what I've been working on in the past 4 (!) years: utopia.app/blog/introducing-… Introducing Utopia, a design tool which reads, understands and writes production quality React code
11
56
15
357
I'm excited to share a preview of natto.dev, a canvas for writing and manipulating JavaScript. It's kinda like a JS playground, script runner, API client, JSON viewer, datavis tool, .. not sure exactly but it feels like something!
32
104
30
589
Github1s is really nice. Just add "1s" after "github" when viewing code on github.com and VS Code loads up instantly:
102
2,921
564
8,795
The codebase onboarding/documentation tool experiment is finally coming together! You can click on any symbol to copy a link to it and then paste it into the editor. Clicking a symbol link in the text editor will reveal it in the source file.
3
1
17
wip → ready Super freaking excited to share the browser devtools built for @tailwindcss 01 attach on top of your existing workflow 02 understands your theme 03 instant visual feedback 04 saves changes back to your code ui-devtools.com ✌️
38
164
53
867
Here's a preview of my code browser exploration. It's alpha-quality (not mobile-friendly) software at this point but it shows some of the key ideas. Also, if you're curious how React hooks are implemented 👀 code-explorer.bypaulshen.com…
9
18
3
118
🎨Waypoint now supports dark theme. It can also inherit your VSCode theme colors. github.com/Raathigesh/waypoi…
👋So built this VSCode extension called📍Waypoint to have a better symbol search and bookmarking experience for JavaScript and TypeScript. Give it a try if you find it hard to navigate a large JS/TS codebase. github.com/Raathigesh/waypoi…
7
Built this VSCode extension called markdown-live which would help users to easily preview and edit markdown files in real-time. The extension comes with WYSIWYG tui-editor and its default settings that would easily help to put together markdown content in no time. Give it a try
1
2
8
👋So built this VSCode extension called📍Waypoint to have a better symbol search and bookmarking experience for JavaScript and TypeScript. Give it a try if you find it hard to navigate a large JS/TS codebase. github.com/Raathigesh/waypoi…
11
36
4
193
Working on a thing that will let you write Web UIs using React JS in Node JS. The goal is to make it ridiculously easy to build Web UIs for CLI tools. 👇The below snippet is an example of what it takes to write a node module uninstaller UI.
11
37
7
306
Supports a subset of chakra-ui.com/ components and comes with a CLI so you don't have to worry about transpiling your .jsx/.tsx files.
8
Rome, an experimental JavaScript toolchain, is now open source and available for contributors 🥳🏛️📜 It's far from production ready and there's a lot missing. There's no npm release, docs, website, or integrations available. Come help us build them! github.com/facebookexperimen…
73
539
69
2,292
Trying to come up with a logo for JS Bubbles. Leaning more towards the yellow one in the middle 😅
Names are hard so calling this one "JS Bubbles". Also using colors to show the relationship between the bubbles and the symbols instead of arrows. This makes it easier to move the bubbles around. Pretty happy with the results so far 🤞
2
6